javascript - 使用ajax获取php返回值

Question

我有一个表单，它从用户那里获取值并将其存储到数据库中。提交表单后，它使用 ajax 调用来调用 action.php 文件。

e.preventDefault();

$.ajax({

    type: "POST",
    url: "action.php",
    data: senData,
    dataType: "JSON",

    success: function(data) {

        $("#name").val("");
        $('.msg').fadeIn(500);
        $('.msg').text("" + data.result + "");

    }

});

这些值存储在数据库中，没有任何错误，但我想在 msg div 内提交表单后向用户显示通知。

在我的 action.php 文件中，我添加了一个 JSON Encode 语句来返回消息。

$msg = 'Thanks Yo Yo';
echo json_encode(array("result" => $msg));

但它不起作用，即当我提交表单时，它将数据存储到数据库中，并且网页会自行刷新，而不会在 .msg div 内显示任何消息。

我做错了什么吗？有更好的方法吗？

Answer 1

当 JSON 返回到 JavaScript 时，您需要对其进行解析。

// Parse the response to JSON
var res = JSON.Parse(data);
$('.msg').text(res.result);

您的代码应如下所示。

e.preventDefault();

$.ajax({
 type: "POST",
 url: "action.php",
 data: senData,
 dataType: "JSON",

 success: function(data) {
    var res = JSON.Parse(data);
    $("#name").val("");
    $('.msg').fadeIn(500).text(res.result);

 }

});