来自 jQuery get 的 JSON 响应引发“无效标签”

Question

       $.ajax({
  beforeSend: function(xhr) {
 xhr.setRequestHeader('Authorization', "Basic YWRtaW46YWRtaW4=");        
},
   url: "https://test.com/incident.do?JSON&callback=?&sysparm_action=getRecords",
   dataType: "json",
   contentType: "application/json",
   method: 'GET',
   success: function(a,b,c) { 
    alert(a);
         }          
 });

我通过按下按钮来调用此函数...Firebug 显示我收到此 JSON 响应（我知道该响应是有效的）[为清楚起见而截断]

{
    "records": [
        {
            "service_offering": "",
            "number": "INC0000009"
        },
        {
            "service_offering": "",
            "number": "INC0000010"
        }
]
}

Firebug 显示错误“无效标签” https://test.com/incident.do?JSON&callback= jsonp1279049933243&sysparm_action=getRecords 第 1 行

我该如何解决这个问题？ 谢谢！

Answer 1

您的响应是 JSON，这是有效的，但这不是 jQuery 想要的。当您在 URL 中指定 &callback=? 时，jQuery 期待 JSONP 响应，该响应看起来有所不同，您的响应应该是

jsonp1279049933243({
  "records": [
    {
        "service_offering": "",
        "number": "INC0000009"
    },
    {
        "service_offering": "",
        "number": "INC0000010"
    }
  ]
});

当您指定 callback 时会发生什么=? 是 jQuery 为您的 success 函数生成一个名称，在本例中是 jsonp1279049933243，JSONP 的工作原理是生成一个

<script type="text/javascript">
  jsonp1279049933243({ "records": [....] });
</script>

现在有效发生的是：

<script type="text/javascript">
  { "records": [....] }
</script>

...这不是有效的 JavaScript。现在当然是通过 src=https://test.com/incident.do?JSON&callback=jsonp1279049933243&sysparm_action=getRecords 加载，但无效语法/标签错误是相同的。

Answer 2

您可能想验证该服务是否支持 jsonp。如果没有，您需要设置服务器端代理。

使用 jQuery 获取 json 数据返回无效标签错误

Answer 3

你说你知道它是有效的。你能将它导入到 parseJSON 函数中，看看你是否幸运吗？

$.parseJSON(str_json);

注意：您没有提到您正在使用哪个版本的 jQuery。该方法仅在 jQuery 1.4.1 及以上版本中可用。

Answer 4

您确定 json 有效吗？检查其是否在 JSONLint 处验证。

Answer 5

尝试以纯文本形式获取数据并在客户端将其转换为 json。我使用“http://www.json.org/json2.js”脚本来执行这。它帮助我解决了应用程序中的“无效标签”问题。 （我提到这个脚本是因为 eval() 函数没有帮助，不知道为什么......）

祝你好运:)

Answer 6

如果您使用的是 1.5.2（也可能是旧版本），如果您不需要或想要它，可以禁用 jsonp。

因此，对于所有 ajax 调用，请在页面上的某处添加以下内容：

$.ajaxSetup({
    jsonp: null,
    jsonpCallback: null
});

或者，对于一次调用，请添加以下内容：

jsonp: null,
jsonpCallback: null,

因此，在您的示例中：

$.ajax({
    beforeSend: function(xhr) {
        xhr.setRequestHeader('Authorization', "Basic YWRtaW46YWRtaW4=");        
    },
    url: "https://test.com/incident.do?JSON&callback=?&sysparm_action=getRecords",
    dataType: "json",
    contentType: "application/json",
    method: 'GET',
    jsonp: null,
    jsonpCallback: null,
    success: function(a,b,c) { 
        alert(a);
    }          
});