Блог / JavaScript + Ajax / простой пример использования ajax в javascript

простой пример использования ajax в javascript

Принцип работы ajax довольно прост. Заключается в том, что мы сперва передаем данные (например массив, переменную или объект) и тут же получаем ответ с сервера.

Итак начнем

//По клику на отправку формы останавливаем действие по-умолчанию

//Фронтэнд:

$('form.contactform').submit(function(e){
e.preventDefault();

//Берем значение всех инпутов методом serialize

var vars=$(this).serialize();

ajax_request=$.ajax({
      type: "POST",
      url: '<?php  echo $Base_Url  ?>ajax/selectchpu.php',
      data: vars,
      success: function(data)
      {
//Здесь получаем ответ с сервера
       console.log(data);
         $('.contactform').attr('action', data);
         document.getElementById('Myform').submit();

      }
   });

//Бекэнд

<?php

echo $catChpu, $cityChpu;

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