0

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

jQuery(function(){
    jQuery('#test').submit(function(){
        var filter = jQuery('#test');
        var ajaxurl = '<?php echo site_url() ?>/wp-admin/admin-ajax.php';
        jQuery.ajax({
            url:ajaxurl,
      data:filter.serialize(),
      type: 'POST',
success:function(data){
                jQuery('#ajax-test').html(data);
        }
        });
        return false;
    });
});

Вот сам ajax запрос, и в первую очередь грешу на него, хотя ошибок не вижу.

<form id="test">
        <input name="the-date"></input>
  <input type="hidden" name="action" value="date_filtering" />
    <button type="submit">Отфильтровать</button>
</form>
<div id="ajax-test"></div>

Форма из которой я беру данные и блок, в который вывожу результат

function events_date_filter() {
$the_date = $_POST['the-date'];
if( isset( $the_date ))
$notargs = array(
'post_type' => 'events',
'showposts' => 3,
'meta_key' => 'event_time',
'orderby' => 'meta_value_num',
'order' => 'ASC',
'meta_query' => array(
    array(
        'key' => 'event_date',
        'value' =>$the_date,
        'compare' => 'IN',
    )
)
);
query_posts( $notargs );
$query = new WP_Query( $notargs );

    if( $notargs->have_posts() ) :
        while( $notargs->have_posts() ): $notargs->the_post();
            echo '<h2>' . $notargs->post->post_title . '</h2>';
        endwhile;
        wp_reset_postdata();
    else :
        echo 'Что-то пошло не так';
    endif;
}

add_action('wp_ajax_date_filtering', 'events_date_filter');
add_action('wp_ajax_nopriv_date_filtering', 'events_date_filter');

И php обработчик. Как говорится, в теории должно работать, но нет. В ответ от admin-ajax.php получаю ошибку 400, в не зависимости от того, я делаю. С начала решил, что data передается не корректно, сделал beforeSend с console.log(data) и вроде как получил корректные данные, необходимые для передачи.

1 ответ 1

0

Ответ 400 выдаёт admin-ajax.php. Это уже хорошо, значит, вы до него достучались. Выдаёт он 400 в следующих случаях:

  • если не определен элемент $_REQUEST['action']
  • если нет хука или он назван неправильно.

У вас правильно задан хук, буквы в action и в хуке совпадают (бывает микс из русских/английских, но я проверил).

Проблема в том, что вы сериализуете данные, поэтому в отправленных данных отсутствует поле action. Сделайте так:

jQuery( function() {
    jQuery( '#test' ).submit( function() {
        var filter  = jQuery( '#test' );
        var ajaxurl = '<?php echo site_url() ?>/wp-admin/admin-ajax.php';
        jQuery.ajax( {
            url: ajaxurl,
            action: 'date_filtering',
            type: 'POST',
            success: function( data ) {
                jQuery( '#ajax-test' ).html( data );
            }
        } );
        return false;
    } );
} );
5
  • Как раз наоборот, action присутствует в массиве data, обратите внимание на скрытый input c name='action' и value='date_filtering' 13 апр 2019 в 7:23
  • Я всё это видел. Вы его сериализуете и запихиваете в элемент data. admin-ajax.php не интересует, есть ли у вас элемент массива data и что в нём. Он ожидает увидеть action как элемент массива $_POST. Понимаете? 13 апр 2019 в 7:26
  • Большое спасибо за желание помочь, проблему решил самостоятельно пару часов назад, код полностью рабочий был все те 2 дня, которые я мучился с этой хренью. Отправил запрос через restlet client к admin-ajax.php с теми параметрами, которые должен передавать ajax, и получил ответ. Посидел, подумал и запаковал фильтр в плагин, после чего он заработал неожиданно. Чудеса блин. 13 апр 2019 в 7:28
  • Никаких чудес, проблема ровно в том, что я вам написал. Никаких плагинов не надо. И если нашли решение прау часов назад, то надо было или закрыть вопрос, или приложить свой ответ. 13 апр 2019 в 7:31
  • Я исправлюсь, спасибо:) 13 апр 2019 в 7:32

Ваш ответ

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

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