Блог / JavaScript + Ajax / динамическое чпу на ajax

динамическое чпу на ajax

Сегодня вместе с учеником столкнулись с необходимостью создания динамического ЧПУ и перехода по нему в момент отправки формы

Т.е пример у нас есть фильтр: Выбер города и категории сотрудника

   <form class="contactform" id="Myform" action="<?php echo $Base_Url ?>svadebnye-fotografy-moskvy" method="post">
<select   name="cat" class="cat">
<option>.....</option>
</select>
<select name="city" class="city">
<option>.....</option>
</select>           
            
            <input type="submit" class="searchbut" value="Найти">
        </form>

По нажатию на кнопку поиска - нужно подобрать конкретный урл (в зависимостри от того что выбрал пользователь например фотографы, москва ) и перейти на него

js - код выглядит таким образом:

    $('form.contactform').submit(function(e){
      //preventDefault - Останавливаем отправку формы
   e.preventDefault();
      //vars - переменная в которой мы взяли все инпуты нашей формы
   var vars=$(this).serialize();
      //Запускаем аякс и передаем параметры для правильного срабатывания
   ajax_request=$.ajax({
      //тип передачи данных
      type: "POST",
      //урл в который мы передаем данные - это файл php
      url: '<?php  echo $Base_Url  ?>ajax/selectchpu.php',
      //передаем все данные в наш файл пхп
      data: vars,
      //получаем ответ от файла пхп
      success: function(data)
      {
         //Записываем в action нашей формы путь на который отправим форму (страницу на котор перейдем)
         $('.contactform').attr('action', data);
         //Делаем отправку формы
         document.getElementById('Myform').submit();
      }
   });
});

Якщо у вас виникли питання, вбо ви бажаєте записатися на індивідуальний урок, замовити статтю (інструкцію) або придбати відеоурок, пишіть нам на:
скайп: olegg.pann
telegram, viber - +380937663911
додавайтесь у телеграм-канал: t.me/webyk
email: oleggpann@gmail.com
ми у fb: www.facebook.com/webprograming24
Обов`язково оперативно відповімо на усі запитіння