带有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错误消息“无法读取属性'File'为null”

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

谢谢

Answer 1

当您期望json响应时，可以使用contentType: "application/json;charset=utf-8",将dataType设置为"json" ，用于在请求中发送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);
  }
});

演示