Форма Wordpress AJAX

У меня очень странная проблема, и я чувствую, что упускаю что-то легкое. Я пытаюсь обработать форму через Wordpress и AJAX. Но когда я указываю на правильный URL-адрес, я получаю ошибку 400. У меня такое чувство, что я неправильно настроил действие или что-то в этом роде. Функция обработки - это метод того же класса, который называется process_registration_form.

//JS
$('#user-registration').submit(function(e){
        e.preventDefault();

        var registrationForm = jQuery(this).serialize();

        jQuery.ajax({
          action:  'tribe_process_registration_form',
          type:    "POST",
          url:     tribe_process_user_registration.ajaxurl,
          data:    registrationForm,
          success: function(data) {
             console.info(data);
             //jQuery("#feedback").html(data);
          }
        });
});


//PHP
wp_enqueue_script( 'tribe_process_user_registration', plugin_dir_url( __FILE__ ) . 'js/tribe-product-gifting-public.js', array( 'jquery' ) );
wp_localize_script( 'tribe_process_user_registration', 'tribe_process_user_registration', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) );

add_action('wp_ajax_tribe_process_user_registration', array($this,'process_registration_form'));
add_action('wp_ajax_nopriv_tribe_process_user_registration', array($this,'process_registration_form'));

ajax wordpress

10.12.2018 21:59

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

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

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Ответы 1

Я не думаю, что в приведенном выше коде есть проблема, но, возможно, я что-то упустил. так вот как я могу сделать свой вызов ajax.

Поместите файл сценария в очередь с функцией wp.

wp_enqueue_script( 'pc-frontend-js', plugins_url( 'Scripts/front-end.js', __FILE__ ), false );

   wp_localize_script( 'pc-frontend-js', 'pc_var_arguments', array(
          'woopb_nonce' => wp_create_nonce('woopb_nonce'),
          'ajax_url' => admin_url('admin-ajax.php')
      )
   );

Вызов Ajax

function callback_function(quantity) { 
    var condition = 'ajax_callback_condition'; 
    jQuery.ajax({
        url:  pc_var_arguments.ajax_url, 
        type : 'post',
        dataType: 'json',
        data : {
            action : 'ajax_callback_action',
            condition :condition,
            data : data,
        },
        success : function(response) {
            console.info(response);
        }   
    }); 
};

Хуки для ajax

 add_action( 'wp_ajax_ajax_callback_action', array($this,'callback_function' ));
        add_action( 'wp_ajax_nopriv_ajax_callback_action', array($this,'callback_function' ));

Спасибо. В итоге я понял, что это было в действиях добавления для wp_ajax и nopriv. У меня просто не было времени написать об этом.

— 12.12.2018 21:14

11.12.2018 07:05