1

Здравствуйте, разбираюсь с движком вордпрес и столкнулся с трудность при работе с ajax, причем через jquery получилось отправить запрос и получить ответ от сервера, а на чистом js нет, но я хочу разобраться т.к. не по кайфе ради одного аякса грузить библиотеку JQ. В общем рабочий код на JQ:

jQuery(document).ready(function($) {
    $('.submit_form').on('click', function(ev) {
        ev.preventDefault();
        var data = {
            action: 'flat_app'
        };
        $.post(window.wp.admin_path, data, function(){

        }, 'json');
    });
});

Статус 200 ОК, ответ получен. Дальше решил то же написать на js, получилось следующее:

var subm = document.querySelector('.submit_form');
var fm = document.forms.test_form;
var obj = { action: 'flat_app' };
// var obj_json = JSON.stringify(obj);
subm.addEventListener('click', function (ev) {
    ev.preventDefault();
    var q = new XMLHttpRequest();
    q.open("POST", window.wp.admin_path, true);
    q.setRequestHeader("Content-type", "application/x-www-urlencoded");
    q.send(obj);

    q.onreadystatechange = function() {
        if(q.readyState == 4 && q.status == 200){
            console.log(q.responseText);
        }
    };

});

Статус 400 вордпрес отвергает запрос, ответ 0. Тут я пробовал отправлять как объект так и JSON строку, но ответ все тот же 400.

Код который принимает на сервере:

add_action('wp_head', 'ajax_data');

function ajax_data () {
    $phpVars = [
        'admin_path' => admin_url('admin-ajax.php')
    ];
    echo "<script> window.wp = " . json_encode($phpVars) . "</script>";
}

add_action('wp_ajax_flat_app', 'my_action_callback');
add_action('wp_ajax_nopriv_flat_app', 'my_action_callback');

function my_action_callback () {
    echo "privet";

    wp_die();
}
14
  • obj нужно сериализовать в action=flat_app или с json передавать корректный content-type (хотя не уверен, что wp из коробки будет его десериализовывать)
    – vp_arth
    23 апр 2018 в 17:36
  • json и www-urlencoded - разные форматы
    – vp_arth
    23 апр 2018 в 17:38
  • да я это делал там строчка закомментированная есть // var obj_json = JSON.stringify(obj); 23 апр 2018 в 17:39
  • Ещё раз: action=flat_app немножко отличается от {"action": "flat_app"}
    – vp_arth
    23 апр 2018 в 17:40
  • Поменял q.setRequestHeader("Content-Type", "application/json"); ответ 400 все равно 23 апр 2018 в 17:43

1 ответ 1

0

jQuery это лишь обертка над Javascript, поэтому если работает на jQuery, то будет работать и на чистом JS

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.