IE8 中 $.getJSON 的问题

Question

不幸的是，我需要支持 IE8，但我什至无法获得一个简单的$.getJSON 请求才能正常工作。

代码如下：

url = "http://www.somejson.com/data.json";
$.getJSON(url, function(data) {
    var funds = []; var benchmarks = [];
    funds.push(data.funds); benchmarks.push(data.benchmarks);

    $.each( data.funds, function(key, value) {

        var ticker = key;

        // Monthly:
        var appendToDaily = function(ticker) {
            $.each($("#"+ticker), function(key, value, index) {
                $(this).children("td").filter(":nth-child(1)").html( '<td>'+funds[0][ticker].name+'</td>' );
                $(this).children("td").filter(":nth-child(2)").html( '<td>'+ticker+'</td>' );
                $(this).children("td").filter(":nth-child(3)").html( '<td>'+funds[0][ticker].fund.inception_date+'</td>' );
            });
        };

        appendToDaily(ticker);

    });

});

此代码在 Chrome、Firefox 和 IE9+ 中运行良好。

我尝试了一些方法来解决这个问题，但没有成功：

• 我尝试改用$.ajax 方法。
• 按照建议 here 将 JSON 数据的标头设置为：response.setContentType("text/javascript; charset=UTF-8");。
• 在 $.getJSON 之前添加了这个 sn-p：$.ajaxSetup({ cache: false }); 然后在终止呼叫之前将其重置为 true，如建议的 here。
• 我已明确包含 json2.js 以防万一。
• 恢复为 JQuery 1.11.0.min.js 以防万一。

当我尝试运行此代码时，我收到几个错误，提示“fund”和“funds”未定义。我还注意到$.getJSON 回调函数中绝对没有任何东西会触发；甚至 alert() 也会被忽略。

我有点不知所措，所以任何建议都将不胜感激！提前致谢。

Answer 1

如果您的数据未定义，您可能无法获得成功的响应。尝试使用以下 sn -p 来查看是否可以隔离错误。

$.getJSON('http://...')
     .done(function(response) { console.log('complete'); })
     .fail(function(error) { console.log('error'); });

如果控制台输出“错误”，您可以从那里开始工作。您可以单步调试或将错误结果输出到控制台。