javascript - 使用 jquery 和 ajax 解析 JSON 时出现问题。只在Firefox中工作

Question

我有这个 jquery 代码：

var baseURl = 'http://www.testdomain.com';
bindItemImage("230015");

function bindItemImage(_itemCode) {
  $.ajax({
    url: baseURl + 'v3/api/itemimage/' + _itemCode,
    type: 'GET',
    contentType: "application/json;charset=utf-8",
    success: function (data) {
        var item = $.parseJSON(data);
       var file = baseURl + item.File;
       $('.itemPhoto').attr('src', file);
    }
   });

}

它在 Firefox 中显示图像很好，但在 IE 或 chrome 中不显示。Chrome 和 IE 返回正确的数据，但我收到一条 JS 错误消息“无法读取 null 的属性‘文件’”

这是 JS 小提琴 http://jsfiddle.net/C8Xjy/3/

谢谢

Answer 1

当您期望设置dataType为的 json 响应时"json"，使用contentType: "application/json;charset=utf-8",is 用于在您的请求中发送 json 时。此外，当您将 json 指定为数据类型时，它在传递给成功处理程序时已经被解析。

$.ajax({
  url: baseURl + 'v3/api/itemimage/' + _itemCode,
  type: 'GET',
  dataType: "json",
  success: function (data) {
    var file = baseURl + data.File;
    $('.itemPhoto').attr('src', file);
  }
});

演示