0

我正在发送一个 ajax 请求来提取 Web 服务列表，然后稍后在表格中显示它们。但是，该代码可以在 Firefox 上正确运行，但不能在 chorome 和 IE 上运行。

阿贾克斯请求：

$.ajax({
   url: 'http://dev.ragld.com/services/',
   method: 'GET',
   accept: 'application/json',
   beforeSend: setHeader,
   async: false, 
   success: function(data){  
       var servicesObj = $.parseJSON(data);

       $.each(servicesObj, function(i, serviceItem){
           alert(serviceItem.name);
       });
   }
});

//function to setup header information
function setHeader(xhr){
    xhr.setRequestHeader('accept', 'application/json'); 
}

JSON响应：

[
    {
        "name": "OS-ONS-bar",
        "type": "RelationshipService",
        "endpoint": "http://dev.ragld.com/services/bar/"
    },
    {
        "name": "OS-ONS-sameAs",
        "type": "RelationshipService",
        "endpoint": "http://dev.ragld.com/services/sameas/"
    },
    {
        "name": "Maths Service 2",
        "type": "ArithmeticService",
        "endpoint": "http://dev.ragld.com/services/arithmetic/"
    }
]

错误我用上面的代码进入chrome：

Uncaught TypeError: Cannot read property 'length' of null jquery.min.js:2
e.extend.each jquery.min.js:2
$.ajax.success admin.php:157
f.Callbacks.o jquery.min.js:2
f.Callbacks.p.fireWith jquery.min.js:2
w jquery.min.js:4
f.support.ajax.f.ajaxTransport.send.d jquery.min.js:4
f.support.ajax.f.ajaxTransport.send jquery.min.js:4
f.extend.ajax jquery.min.js:4
(anonymous function) admin.php:148
f.Callbacks.o jquery.min.js:2
f.Callbacks.p.fireWith jquery.min.js:2
e.extend.ready jquery.min.js:2
c.addEventListener.B

问题：

  1. 这适用于 Firefox，但不适用于 Chrome 和 IE。
  2. 现在，如果我删除它$.parseJSON，那么它可以在 chrome 上工作，但不能在 firefox/IE 上工作

PS：ajax 请求是向不同的服务器发出的，此代码是不同的。任何人都请提供适用于所有浏览器的解决方案？？？

EDIT1： 看起来chrome会自动解析它或获取json标头，而在firefox中我们需要使用parseJSON显式解析它？？？有任何想法吗？

EDIT2（来自 FireFox 的 console.log）： 

[{"name":"OS-ONS-bar","type":"RelationshipService","endpoint":"http:\/\/dev.ragld.com\/services\/bar\/"},{"name":"OS-ONS-sameAs","type":"RelationshipService","endpoint":"http:\/\/dev.ragld.com\/services\/sameas\/"},{"name":"Maths Service 2","type":"ArithmeticService","endpoint":"http:\/\/dev.ragld.com\/services\/arithmetic\/"}]

来自 Chrome 的 console.log： 在此处输入图像描述

4

1 回答 1

3

您应该将ajax 选项 dataType指定为“json”。否则 jQuery 将不得不猜测它应该返回什么数据类型，你可能会得到各种结果。

数据类型

如果没有指定，jQuery 将尝试根据响应的 MIME 类型推断它（XML MIME 类型将产生 XML，在 1.4 中 JSON 将产生一个 JavaScript 对象，在 1.4 中脚本将执行脚本，其他任何内容都将是作为字符串返回）。

查看我在 FF、IE 和 Chrome 中运行的演示。

您应该检查 XHR 响应并确保您的服务实际上正在返回 JSON。

于 2012-09-13T12:04:55.420 回答