Wordpress AJAX неверный запрос 400 ⇐ Jquery

[Anonymous]

Я пытался создать функцию AJAX для своей собственной темы WordPress. Предполагается, что он извлекает данные произвольного типа сообщений и отображает их на всплывающей боковой панели. Я разделил файлы; функции.php, main.js, Sidebar.php. Я просто не могу понять, почему я получаю плохой ответ на запрос 400. Это код в function.php

Код: Выделить всё

function add_scripts_styles($hook) {
wp_enqueue_script('my_js_file', get_template_directory_uri(). '/assets/js/main.js', array('jquery'), 1);
wp_localize_script('my_js_file', 'ajax_details', array(
'ajax_url' => admin_url('admin.ajax.php'),
'nonce' => wp_create_nonce('my_nonce'),
));
}
add_action("wp_enqueue_scripts","add_scripts_styles");

function do_this(){
$post_id = intval($_POST['post_id']);

ob_start();

echo "Hello World";

$out = ob_get_clean();
$out = strtolower($out);

var_dump($out);
}

add_action("wp_ajax_do_this","do_this");
add_action("wp_ajax_nopriv_do_this","do_this");

это код в main.js

Код: Выделить всё

document.addEventListener('DOMContentLoaded', () => {
const cards = document.querySelectorAll('[id^=tagged]');
function open(){
document.querySelector('.sidebar').style.width = "25%";
}

function close(){
document.querySelector('.sidebar').style.width = "0";
}
cards.forEach(card => {
card.addEventListener('click', e => {
open();
var id_post = e.currentTarget.getAttribute('data-post_ID');
console.log(id_post);

jQuery.ajax({
type: "post",
url: `${window.location.origin}/wp-admin/admin-ajax.php`,
data:{
action: "my_action",
post_id: id_post,
},
success: function(result) {
$('#pusha').html(result.data.html);
}
});

})
})

close();
})

и в Sidebar.php

Код: Выделить всё

[i][/i]




let cBtn =document.getElementById('closed');
cBtn.addEventListener('click', e=> {
document.querySelector('.sidebar').style.width = "0";
})

Я ожидал, что данные публикации будут отображаться при появлении боковой панели.

Подробнее здесь: https://stackoverflow.com/questions/790 ... equest-400