为什么总是jQuery Ajax JSON 请求失败


Why always jQuery Ajax JSON Request Fails?

我目前有一个代码片段,我想用它来获取Ajax调用并从我的PHP文件中返回JSON数据,我可以在jQuery端随心所欲地使用它。我的问题是,如果我将数据类型更改为 JSON,我总是在请求上收到错误,但是当我在 Firebug 中检查它时,我可以看到 PHP 文件刚刚返回了 JSON 值!

这是 HTML:

<form id="formm" method="post">
    <input type="text" name="test" value="" id="test"/>
    <input type="submit" name="submit" value="Submit"/>
</form>
<div id="result"></div>

这是JS:

$("#formm").submit(function(event) {
    /* Stop form from submitting normally */
    event.preventDefault();
    /* Clear result div*/
    $("#result").html('');
    /* Get some values from elements on the page: */
    var values = $(this).serialize();
    /* Send the data using post and put the results in a div */
    $.ajax({
        url: "functions.php",
        type: "post",
        dataType: "json",
        data: values,
        success: function(data) {
            alert(data);
        },
        error:function(){
            alert("failure");
            $("#result").html('There is error while submit');
        }
    });
});

PHP文件:

echo json_encode(array('returned_val' => $_POST['test']));

当我用Firebug检查时,我得到:returned_val"我在文本框中键入的任何内容"。谁能告诉我可能有什么问题?

更新:

响应标头:

Accept  application/json, text/javascript, */*; q=0.01
Accept-Encoding gzip, deflate
Accept-Language ***
Content-Length  5
Content-Type    application/json; charset=utf-8
Host    localhost
Referer http://localhost/test/
User-Agent  Mozilla/5.0 (Windows NT 6.1; WOW64; rv:24.0) Gecko/20100101 Firefox/24.0
X-Requested-With    XMLHttpRequest

当我将错误放入控制台时,我得到这个:

发生以下错误:解析器错误语法错误:JSON.parse: 意想不到的角色

JSON

数据以严格的方式解析;任何格式错误的 JSON 都将被拒绝,并引发解析错误。从 jQuery 1.9 开始,空响应也被拒绝;服务器应返回 null 或 {} 的响应

这是文档 http://api.jquery.com/jQuery.ajax/

因此,请检查来自 PHP 的 JSON 响应(JSON 数据是否格式正确且非空)