将变量从 PHP 传递到 AJAX 成功函数

Question

我的目标是使用 AJAX 更新 WordPress 帖子。到目前为止我的代码：

脚本：

$.ajax({
    type: 'POST',
    url: ajax_url,
    data: {
        'action': 'wp_post',
        'ID': post_id,
        'post_title': post_title
},
success: function( data ) {
        $( '.message' )
        .addClass( 'success' )
        .html( data );
},
error: function() {
        $( '.message' )
        .addClass( 'error' )
        .html( data );
    }       
});

PHP：

function wp_post() {

    $post['ID'] = $_POST['ID'];
    $post['post_title'] = $_POST['post_title'];
    $post['post_status'] = 'publish';

    $id = wp_update_post( $post, true );

    if ( $id == 0 ) {
        $error = 'true';
        $response = 'This failed';
        echo $response;
    } else {
        $error = 'false';
        $response = 'This was successful';
        echo $response;
    }

}

如您所见，我的 PHP 函数中的 $response 变量正在传递给脚本中的成功函数，并且页面上显示了 $response 的值。

我想修改我的成功函数来做这样的事情：

success: function( data ) {
    if( $error == 'true' ) {
        // do something
    } else {
        // do something else
    }
},

问题是，我无法将 PHP 函数中的 $response 和 $error 变量传递给我的 scipt 中的成功函数。

1. 谁能告诉我如何将$response 和 $error 传递给脚本的成功函数？
2. 我应该采取更好的方法吗？

我是 AJAX 新手，如果问题非常基本，请见谅。

Answer 1

你应该将php脚本的响应编码为json，如下：

function wp_post() {

    $post['ID'] = $_POST['ID'];
    $post['post_title'] = $_POST['post_title'];
    $post['post_status'] = 'publish';

    $id = wp_update_post( $post, true );

    $response = array();

    if ( $id == 0 ) {
        $response['status'] = 'error';
        $response['message'] = 'This failed';
    } else {
        $response['status'] = 'success';
        $response['message'] = 'This was successful';
    }

    echo json_encode($response);

}

然后，在您的 javascript 代码中：

success: function( data ) {
    if( data.status == 'error' ) {
        // error handling, show data.message or what you want.
    } else {
        // same as above but with success
    }
},

Answer 2

您可以在后端创建一个像这样的JSON 数组：

$arr = array('error' => true, 'something' => 'foo');
echo json_encode($arr);

然后解析json数组获取返回值，像这样：

success: function( data ) {
    var error = '';
    var something = '';
    for(var i = 0; i < data.length ; i++)
    {
        error = data[i].error;
        something = data[i].something;
    }
    if( error ) {
        // do something
    } else {
        // do something else
    }
},

虽然您将数组从后端回显到前端，但您不能简单地访问 JavaScript 中的 PHP 变量。

请注意，可能存在语法错误，因为我没有测试它。

Answer 3

你要找的是json_encode()

这会将 PHP 数组转换为 JSON。

例如：

$dataArray = array( 'message' => 'Error', 'data' => data);
echo json_encode($dataArray);   

Answer 4

您不能在 JavaScript 中直接使用 PHP 变量。您能做的最好的事情就是在您的 JavaScript 代码中操作 PHP 输出。

例如，您可以将 $response 打印为 'error' 或 'no_error' - 在 AJAX 回调中，检查 var data 是否不等于 'error'（例如）。

Answer 5

如果你使用：

echo json_encode($response);

在你的 .php 函数上，记得使用：

var data = $.parseJSON(data);

关于你的 ajax 成功。

例子：

function php_ajax_function() {

    // whatever you want to do...

    $response = array();

    if ( $id == 0 ) {
        $response['status'] = 'error';
        $response['message'] = 'This failed';
    } else {
        $response['status'] = 'success';
        $response['message'] = 'This was successful';
    }

    echo json_encode($response);
}

然后，在您的 javascript 代码中：

success: function( data ) {

    console.log(data);

    var data = $.parseJSON(data);

    if( data.status == 'error' ) {
        // do something
    } else {
        // do other thing
    }
}

Answer 6

javascript 变量数据包含您回显的 $response 变量。所以使用你的例子，它会是这样的。确保您还要求 html 作为 ajax 函数中的返回数据。以下是相关文档：http://api.jquery.com/jquery.ajax/

success: function( data ) {
    if( data == 'This failed' ) {
        // do something
    } else {
        // do something else
    }
},