小编典典

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

json

       $.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行

我怎样才能解决这个问题?谢谢!


阅读 59

收藏
2020-07-27

共1个答案

小编典典

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

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

当您指定时会发生什么,callback=?就是jQuery为您的success函数生成一个名称,在这种情况下jsonp1279049933243,JSONP的工作原理是仅<script>在页面中生成一个标记,因此,当获取该url时,它实际上只是包括一个JavaScript文件,运行一个函数,但代替这个:

<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,但是无效的语法/标签错误是相同的。

2020-07-27