Простой WordPress AJAX-запрос не работает

Question

Есть ли у вас идеи, почему этот простой запрос wp ajax не работает?Это всегда возвращает неудачу.Консоль -> https://pastebin.com/TABQCjXe

jQuery(document).ready(function($) {

// This does the ajax request
$.ajax({
    type: 'post',
    url: ajaxurl,
    data: {
        'action':'prefix_load_cat_posts'
    },
    success:function(data) {
        // This outputs the result of the ajax request
        console.log(data);
        $( ".prefix_load_cat_posts" ).append("success");
    },
    error: function(errorThrown){
        console.log(errorThrown);
        $( ".prefix_load_cat_posts" ).append("fail");
    }
});

});

PHP -> https://pastebin.com/g4QiWDky

Answer 1

Ваше действие это 'load_filter', также вы должны быть локализованы ajaxurl использовать эту функцию wp_localize_script

$.ajax({
        type: 'post',
        url: ajaxurl,
        data: {
            'action':'load-filter'
        },
        success:function(data) {
            // This outputs the result of the ajax request
            console.log(data);
            $( ".prefix_load_cat_posts" ).append("success");
        },
        error: function(errorThrown){
            console.log(errorThrown);
            $( ".prefix_load_cat_posts" ).append("fail");
        }
    });

Answer 2

Есть еще один альтернативный вариант.Я согласен с Сэмюэлем, но делюсь еще одним вариантом

add_action( 'wp_ajax_nopriv_prefix_load_cat_posts', 'prefix_load_cat_posts' );
add_action( 'wp_ajax_prefix_load_cat_posts', 'prefix_load_cat_posts' );

Answer 3

Действие должно быть load-filter вместо prefix_load_cat_posts.Видя ваш PHP-код, prefix_load_cat_posts на самом деле является именем функции обратного вызова.

data: {
    'action':'load-filter'
},