Question

这是我第一次实施ajax。我一直在努力解决这个样本ajax代码几天，在stackoverflow中搜索，阅读博客，尝试了许多不同的解决方案，甚至发现了一些错误，但是..代码仍然返回$ response = Undefined / 0。

Wordpress在页面中上传ajax，页面与服务器通过ajax调用交互并返回成功，但变量$ response未传递给jquery，也没有传递给response.status和response.message。

实际上，$ response是未定义的，或者在Firefox控制台中为0。

**经过所有检查后，我发布了这个问题。 Snake_Eyes和Froxz发现了一些我纠正过的错误。尽管如此，ajax仍然会为$ response返回Undefined。

我已调查Wordpress是否调用do_stuff_pp（）。为此，我使用PHP函数error_log（）逐行检查了do_stuff_pp（）函数。分析表明do_stuff_pp（）函数永远不会运行。但我不知道原因：（**

我使用的是jquery 1.5.1，WP 2.9.2和php 5.2.6

function my_init() {

    switch ($page_num) {
    case 4445: // enrollment page1
        $path = get_bloginfo('template_directory');
        $source = $path . "/js/ajax_test.js";
        wp_enqueue_script(
                $handle='this-is-my-ajax-handle',
                $source,
                $dependencies = array('jquery')
        );
        break;
    }


    switch ($page_num) {
    case 4445: // enrollment page1
        $data = array(
            'ajaxurl' => admin_url('admin-ajax.php'),
            'nonce' => wp_create_nonce('ajaxin_it'),
            'action' => 'ajaxin_it'
        );

        wp_localize_script('this-is-my-ajax-handle','ajaxYall', $data);     
        break;
    }

}
add_action('init', 'my_init');

// Define functions for ajax:

$my_action = 'ajaxin_it';
if (defined('DOING-AJAX') && DOING_AJAX) {
    // for loggedin users
    add_action('wp_ajax_' . $my_action, 'do_stuff_pp');
    // for non logged in users
    add_action('wp_ajax_nopriv_' . $my_action, 'do_stuff_pp');
}

function do_stuff_pp(){

    $response = array(
        'status' => 'error',
        'message' => "It's AJAX Y'all!"
    );

    // check is a legitimate call
    if(isset($_GET['nonce']) && wp_verify_nonce($_GET['nonce'], 'ajaxin_it')){

        $response = array(
            'status' => 'success',
            'message' => "It's AJAX Y'all!"
        );
    }
    header('Content: application/json');    
    echo json_encode($response);
    die();
}

这是.js：

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

    $('#text_ajax_yall').click(function(){
        var $el = $(this);

    alert(ajaxYall.nonce);
    $.ajax({url:ajaxYall.ajaxurl,action:ajaxYall.action,nonce:ajaxYall.nonce,type:'GET',dataType:'json',success:function(response, textStatus, jqXHR){
        if( 200 == jqXHR.status && 'success' == textStatus ) {
            if( 'success' == response.status ){
                        $el.after( '<p style="color:green;">' + response.message+ '</p>' );
                    } else {
                        $el.after( '<p style="color:red;">' + response.message + '</p>' );
            }
        }
//      $el.after( '<p style="color:green;">' + response.message + '</p>' );
        console.log(response.message, textStatus, jqXHR );      
    }});

    });

});

具体原因是什么，我该如何解决？

Answer 1

response.prova你试图获得价值，但正如我在php中看到的那样，你没有带有价值的数组...尝试console.log只是回应这个

console.log(response);

在数组中，您有2个值'status'和'message'

基本上它将是response.status and response.message

Answer 2

Buddy，您的PHP代码中没有定义prova属性。

你有类似的东西：

$response = array(
        'status' => 'error',
        'message' => "It's AJAX Y'all!"
    );

所以你必须打电话：

console.log(response.status);

或

 console.log(response.message);

没有触发Add_action挂钩，因此Ajax返回Undefined

2 个答案: