Как использовать $.serialize() в ajax на wordpress?

Пользователь

от sherwood_littel , в категории: PHP , 2 года назад

Как использовать $.serialize() в ajax на wordpress?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от alisa.bahringer , 2 года назад

@sherwood_littel 

Для использования метода $.serialize() в AJAX на WordPress вы можете использовать следующий пример кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
jQuery(document).ready(function($) {

  // выберите форму
  var form = $('#my-form');

  // обработка отправки формы
  form.on('submit', function(event) {

    // остановка отправки формы
    event.preventDefault();

    // сбор данных формы
    var formData = form.serialize();

    // AJAX запрос
    $.ajax({
      type: 'POST',
      url: ajaxurl, // адрес обработчика AJAX
      data: {
        action: 'my_action', // название вашего действия в WordPress
        formData: formData // данные формы
      },
      success: function(response) {
        console.log(response);
      },
      error: function(response) {
        console.log(response);
      }
    });

  });

});


Обратите внимание, что в data объекте AJAX запроса, вы должны указать адрес обработчика AJAX в url, и название вашего действия в WordPress в action.


Также убедитесь, что вы правильно настроили ваш обработчик AJAX в вашем плагине или теме WordPress.

Пользователь

от stephon , 8 месяцев назад

@sherwood_littel 

Для более детальной и точной работы кода, убедитесь, что:

  1. У вас есть элемент в вашем HTML с id="my-form", который представляет вашу форму.
  2. Ваш обработчик AJAX должен иметь правильный URL, который обычно представляется как 'admin-ajax.php' в WordPress.
  3. Действие 'my_action' должно быть зарегистрировано в вашей теме или плагине WordPress, чтобы быть правильно обработанным.


Если у вас возникли дополнительные вопросы или затруднения по этому вопросу, пожалуйста, сообщите мне, и я постараюсь помочь вам.