jQuery $.post 不返回数据

Question

我正在使用 $.post 通过 ajax 将表单发送到 PHP 页面，该页面返回 JSON 数据。曾几何时，它运行良好，并且函数（数据）正常执行。不知何故，我把它弄坏了，现在它甚至没有触及函数（数据）。我已经尝试撤消我所做的大部分工作，但我仍然找不到问题。

这是脚本：

$("#modifyhome").submit(function(event) {
    if($("#modifyhome").valid()) {  
        event.preventDefault();

        var $form = $( this ),
            title = $form.find('input[name="title"]').val(),
            content = $form.find('textarea[name="content"]').val();

        $.post("?action=page-accueil", {"title": title, "content": content},
            function(data) {            
                if(data['error'] == 1)
                {           
                    $().message(data['message']);
                    $("div.jquery-message").effect("shake", {times: 3}, 900);
                }
                else if(data['error'] == 0)
                {           
                    $().message(data['message']);
                    $("div.jquery-message").effect("bounce", {times: 3}, 900);
                }
                else
                {           
                    $().message("Erreur de connexion au serveur : veuillez réessayer.");
                    $("div.jquery-message").effect("shake", {times: 3}, 900);
                }
            }, "json"
        );
    }
    else
    {
        $("[id^=qtip-]").effect("pulsate", {times: 3}, 600);
        return false;
    }
});

这是 PHP 页面 (?action=page-accueil) 返回的内容：

{"error":0,"message":"Page modifiée."}

所有这些都被检查为有效的 JSON，但 jQuery 好像由于某种原因无法识别它。非常感谢任何帮助:)

Answer 1

你不清楚问题是什么。一开始你说

不知怎的，我把它弄坏了，现在它甚至没有触及函数（数据）

但是你说 jQuery 没有识别你的 JSON，这意味着回调函数被调用了。您需要测试流程的每个阶段以发现错误。在这种情况下，必须使用浏览器控制台进行调试。

测试用例：

1. 服务器是否返回任何内容？如果没有

   • php代码有错误吗？可能返回 500 错误或返回 OK，但错误消息为字符串。
   • 是否存在同源问题？可能会采用 HTTP -> HTTPS？

2. 如果服务器正在返回某些内容但未正确解析。

   • 返回的数据是否为有效的 JSON？对于 PHP，您应该使用 json_encode 函数（如果可用）或类似的东西。 jQuery 端有 jQuery.parseJSON()
   • 响应类型的标头是否存在问题？在这种情况下，您需要使用普通的 $.ajax 并将 beforeSend 参数设置为类似于 beforeSend: function(xhr){ xhr.setRequestHeader("Accept", "text/javascript") }。您需要进一步研究此选项。

要测试其中的任何内容，您必须熟悉浏览器控制台。 Chrome Network Panel 或 Firebug Net Tab

Answer 2

我也遇到过这个问题，不知道是什么原因。但我有一个可行的解决方案。

$.post("?action=page-accueil", 
    {"title": title, "content": content},
    function(data) {
        data = eval("("+data+")");
        //.... Then continue it
});

或者，如果您不想使用eval()，请使用.parseJSON() 函数将字符串读取为JSON，

$.post("?action=page-accueil", 
    {"title": title, "content": content},
    function(data) {
        data = $.parseJSON(data);
        //.... Then continue it
});