JQuery getJSON - ajax 解析错误

Question

我尝试使用 JQuery getJSON 和 ajax 解析以下 json 响应：

[{"iId":"1","heading":"Management Services","body":"<h1>Program Overview</h1><h1>January 29, 2009</h1>"}]

我还尝试转义“/”字符，如下所示：

[{"iId":"1","heading":"Management Services","body":"<h1>Program Overview <\/h1><h1>January 29, 2009<\/h1>"}]

当我使用 getJSON 时，它不会执行回调。 因此，我使用 JQuery ajax 进行了如下尝试：

$.ajax({
    url: jURL,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    beforeSend: function(x) {
        if(x && x.overrideMimeType) {
            x.overrideMimeType("application/j-son;charset=UTF-8");
        }
    },
    success: function(data){
        wId = data.iId;
        $("#txtHeading").val(data.heading);
        $("#txtBody").val(data.body);
        $("#add").slideUp("slow");
        $("#edit").slideDown("slow");
    },//success
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        alert("XMLHttpRequest="+XMLHttpRequest.responseText+"\ntextStatus="+textStatus+"\nerrorThrown="+errorThrown);
    }
});

ajax 遇到错误并发出以下警报：

XMLHttpRequest=[{"iId":"1","heading":"Management Services","body":"<h1>Program Overview </h1><h1>January 29, 2009</h1>"}]

textStatus=parseerror

errorThrown=undefined

然后我尝试使用以下代码进行简单的 JQuery get 调用以返回 JSON：

$.get(jURL,function(data){
    var json = eval("("+data+");");
    wId = json.iId;
    $("#txtHeading").val(json.heading);
    $("#txtBody").val(json.body);
    $("#add").slideUp("slow");
    $("#edit").slideDown("slow");
})

.get 返回 JSON，但 eval 出现无论我如何修改 JSON（内容类型标头、格式的其他变体等），都会出现错误。

我发现返回 JSON 中的 HTML 并获取它似乎存在问题解析。 然而，我希望我可能错过了一些可以让我通过 JSON 获取这些数据的东西。 有人有什么想法吗？

Answer 1

您拥有的 JSON 字符串是一个数组，其中包含 1 个对象，因此要访问该对象，您必须首先访问该数组。 使用看起来像这样的 json.php：

[
    {
        "iId": "1",
        "heading": "Management Services",
        "body": "<h1>Program Overview</h1><h1>January 29, 2009</h1>"
    }
]

我刚刚尝试过这个，

$.getJSON("json.php", function(json) {
    alert(json[0].body); // <h1>Program Overview</h1><h1>January 29, 2009</h1>
    alert(json[0].heading); // "Management Services"
    alert(json[0].iId); // "1"
});

我也尝试过这个：

$.get("json.php", function(data){
    json = eval(data);
    alert(json[0].body); // <h1>Program Overview</h1><h1>January 29, 2009</h1>
    alert(json[0].heading); // "Management Services"
    alert(json[0].iId); // "1" 
});

他们都对我来说工作得很好。

Answer 2

您是否尝试过对 HTML 进行 XML 编码（即

）？

Answer 3

您可以将其作为文本返回，然后使用 json.org 解析器
解析它
看看它的工作原理是否有什么不同

Answer 4

请注意，问题中存在语法错误。 的行

x.overrideMimeType("application/j-son;charset=UTF-8");

应为

x.overrideMimeType("application/json; charset=UTF-8");

This 也有很大的不同。

Answer 5

删除 JsonData 前面和最后的 []，它就可以工作了。

Answer 6

禁用 Firebug Lite 为我解决了这个问题。

错误与组合：jQuery 1.4、ajax/json、Firebug Lite 和 IE 8

Answer 7

这是一个工作示例并经过测试！

<script type="text/javascript">

function fetchData() {
var dataurl = "pie.json";
$.ajax({
    url: dataurl,
    cache: false,
    method: 'GET',
    dataType: 'json',
    success:  function(series) {
        var data = [];
        //alert(series.length);
        for (var i=0; i<series.length;i++){
            data[i]=series[i];
        }

        $.plot(
                $("#placeholder"), 
                data, 
                {
                     series: {
                       pie: {
                         show: true,
                         label: {
                           show: true
                         }
                     }
                    },
                    legend: {
                      show: true
                    }
                  }
       );
     }
});

   //setTimeout(fetchData, 1000);
}
</script>

json 源如下（pie.json）：

[{ "label": "Series1",  "data": 10},
{ "label": "Series2",  "data": 30},
{ "label": "Series3",  "data": 90},
{ "label": "Series4",  "data": 70},
{ "label": "Series5",  "data": 80},
{ "label": "Series6",  "data": 110}]

Answer 8

如果有人仍然遇到此问题，那是因为您的响应需要是 JSON 字符串和内容类型“application/json”。

asp.net 中的 HTTP 示例 (c#)：

public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "application/json";
        context.Response.Write("{ status: 'success' }");
    }

hth、

Matti

Answer 9

首先，尝试查明问题是否与一般 JSON 编码/解码有关。 尝试使用更简单的对象，使用数字和纯字符串，然后使用带引号的 HTML。

当你让 JSON 工作后，你真的应该考虑从那里删除 HTML。 更好的方法是仅移动数据，并将演示细节留给模板。 当使用 AJAX 时，这意味着 HTML 中隐藏模板，并使用 jQuery 复制它并填充数据。 检查任何 jQuery 模板插件。 其中，jTemplates 是最受欢迎的。

Answer 10

可能是因为您的输出缓冲区不为空，所以 AJAX 接收到不属于 JSON 的字节。

在使用 echo 或 die() 输出 json 之前，尝试在服务器端使用 ob_clean() 清理缓冲区。 而且您不需要指定 contentType，我认为默认值对您来说可以正常工作。

我有同样的问题并且它解决了。

希望对您有所帮助。

Answer 11

昨天，$. ajax依然没有错误，今天是引用错误，有人说parsererror是jquery版本的问题，我用的是jquery-1.3.2.min.js，昨天的。 这个版本也完成了，今天就废了。 数据来源：无变化。 不知道是什么原因？

Answer 12

我认为你问了错误的问题。 使用 $.getJSON() 更容易，如果您遇到问题，最好要求 $.getJSON() 而不是 $.ajax()。
您可能还会发现查看 getJSON 函数源代码很有用，因为我发现，您在 mimeTypes 中得到了很多无用的东西。 不是这样的。

Answer 13

您尝试解析的值包含在方括号 [] 中，这意味着它是一个数组。 您正在尝试评估一个数组。 尝试评估数组的第一个元素，它应该可以工作...

var json = eval("("+data[0]+");");

另外，我建议使用提供的 JSON.parse() 这里而不是直接调用 eval() 。

Answer 14

我收到了类似的错误。 我花了一段时间才发现 - 我几乎不知道自 PHP5.2 以来 PHP 就不再（原生）支持 JSON。 重要提醒...

Answer 15

不要使用数组框，并确保正确设置数据格式：

{"account":{"iId":"1","heading":"Management Services","body":"<h1>Program Overview</h1><h1>January 29, 2009</h1>"}}

Answer 16

就我而言，错误是由 json 中的 html 标签引起的。

不正确（解析器错误）

{"msg": "Gracias,< br >Nos pondremos en contacto."}

正确的

{"msg": "Gracias, nos pondremos en contacto."}

浏览器：IE7/IE8

Answer 17

也请尝试此操作

$.ajax({
    url: url,
    data:datas,
    success:function(datas, textStatus, jqXHR){
    var returnedData = jQuery.parseJSON(datas.substr(datas.indexOf('{')));
})};

在我的情况下，服务器在“{”之前以未知字符响应，