Internet Explorer 11 执行 ajax 成功条件但随后冻结

Question

Internet Explorer 11 似乎成功执行了我的 ajax 调用。它在success 条件下运行代码一直到该块中的最后一行，更新HTML DOM 结构，但之后冻结。 我在 IE 中遇到的错误是：“由于脚本长时间运行而没有响应”。

我的代码适用于 Chrome、Firefox 和 Safari！

当用户点击分页链接时，我如何调用函数loadContentviaAjax：

$(document).on('click', '.pagination-top a', function () {
    //CODE      
    loadContentviaAjax($(this).attr('href'), rawNewURL);
    console.log('20');
    return false;
});

这是companysearch.js 中涉及的部分代码块：

function loadContentviaAjax(furl, rawNewURL) {
    var webserviceURL = rawNewURL;
    $.ajax({
        type: "GET",
        url: webserviceURL,
        data: "",
        cache: false,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        error: function () {
            $("#loadstatus").html($("#whoops").attr('data-message')).addClass('box_error');
        },
        success: function (data) {
            console.log('0');

            //MORE OF MY CODE

            console.log('18'); //<-- this line is still logged
        } 
    });                 
return false
}

我试过了： - 注释掉我的 AJAX 调用的 success 块中的所有代码 - 尝试在 IE 开发者工具中设置断点

但我无法将其缩小到导致此问题的行。

线

console.log('20');

也被击中，所以 IE 在那之后冻结，但除了 loadContentviaAjax 我无法缩小导致冻结的原因....请帮助！

Answer 1

好的！我找到了导致 IE11 挂起的一段代码。我不太确定你将如何解决它，但我想你会想知道的。

在单击链接之前设置 js 调试器，然后暂停执行显示 javascript 将所有时间都花在 http://pagead2.googlesyndication.com/pagead/osd.js 中。所以你的代码与它关系不大。

单步执行表明 Google 的代码不知何故陷入了从函数 a 到 b 再到 c 再到函数 a 的无限循环。它大部分时间都在 catch 块中，用于在没有父级的 iframe 上调用 getBoundingClientRect（抛出未指定的错误）。

当我阻止 http://pagead2.googlesyndication.com/pagead/osd.js 使用 Fiddler 下载时，您的导航工作正常。

我希望我能告诉你“改变这个或那个，它会起作用”，但我找不到它 - 缩小的 Google 代码很难调试。您的代码是否有可能以某种方式使 google ads 容器成为孤儿？