web-dev-qa-db-ja.com

ajaxリクエストが応答0を受け取るのはなぜですか？

Wpテーマで基本的なwordpress ajaxの例を設定しました。トリガーは、modernizr.jsがページ上のメディアクエリをチェックすることによって作成されます。

jQuery(document).ready(function($) {
    if(Modernizr.mq('only all and (max-width:6300px)')) {
        var data = {
        action: 'my_action',
        whatever: ajax_object.we_value      // We pass php values differently!
    };
    // We can also pass the url value separately from ajaxurl for front end AJAX implementations
        jQuery.post(ajax_object.ajax_url, data, function(data) {
            $("#trending-Container").html(data).fadeIn(1000);
        });
    }

});//end function

スクリプトをローカライズしてキューに入れました。

wp_enqueue_script('mainJS', get_template_directory_uri() . '/js/mainJS.js', array("jquery") );
wp_localize_script( 'mainJS', 'ajax_object', 
                    array( 'ajax_url' => admin_url( 'admin-ajax.php' ), 'we_value' => 1234 ) );

最後に、リクエストを処理する関数は次のとおりです。

add_action('wp_ajax_my_action', 'my_action_callback');
add_action('wp_ajax_nopriv_my_action', 'my_action_callback');
function my_action_callback() {
        global $wpdb;
            $whatever = intval( $_POST['whatever'] );
            $whatever += 10;
                echo $whatever;
            die();

        }

これにより、常に0（プロパティなし）の応答が返されますが、その理由はわかりません。 P.Sこれはすべてローカルです。

Status code 200
Host:lart.co.uk
Origin:http://lart.co.uk
Referer:http://lart.co.uk/
User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/28.0.1500.71 Chrome/28.0.1500.71 Safari/537.36
X-Requested-With:XMLHttpRequest
Form Dataview sourceview URL encoded
action:my_action
whatever:1234
javascriptphpjqueryajaxwordpress
12
UzumakiDev

ここですべてが一致する必要があります：

PHP

 add_action（ 'wp_ajax_my_action'、'my_action'）; 
 add_action（' wp_ajax_nopriv_my_action'、'my_action'）;

関数 my_action（）{}

JS

 var data = {
アクション： 'my_action'、
何でも：ajax_object.we_value 
};

また、セキュリティチェックが不足しており、応答の処理が改善されています。
この例を確認してください： [1] および [2] 。

29
brasofilo

以下に示すように、関数の「exit」の終わりを追加します。これにより、ajaxリクエストの使用時にWordPress）の応答でreturnが修正されます。

add_action('wp_ajax_nopriv_getStateList', 'getStateList');
add_action('wp_ajax_getStateList', 'getStateList');

function getStateList() {
    global $wpdb;
    $countryId = $_POST['countryId'];
    $results = $wpdb->get_results("SELECT id,name FROM regions where country_id ='".$countryId."' ");
    echo json_encode(array('status'=>200,'data'=>$results));
    exit;
}
4
abrar

この問題を解決するための完全な例を次に示します。

JavaScript：

$(document).ready(function() {
    $("#submit").click(function(e) {
        var demo = 'demo';
        var ajaxurl = '<?php echo admin_url("admin-ajax.php", null); ?>';
        data = { action: "data_insert", demo: demo};     
        $.ajax({
            url: ajaxurl,
            data: data,
            dataType: 'json',
            type: 'post',
            success: function(response) {
              console.log(response);  
            }
        });
    });    
});

PHP：

add_action('wp_ajax_data_insert', 'data_insert');
add_action('wp_ajax_nopriv_data_insert', 'data_insert');
function data_insert() {
    $data = $_POST['demo'];
    echo json_encode($data);
    die();
}
1
Noman