在 IE 中使用 JavaScript 将 XML 加载到 DIV 时出现问题

Question

我需要将配置 XML 加载到 DIV 中，为此我使用以下代码：

    $(document).ready(function(){
                    console.log("Document ready");
        $("#footer_config").load("/config/footer_config.xml");
    });

这段代码在Chrome中工作正常，但在IE中不起作用。它在控制台中打印"文档就绪"，但"footer_config"DIV 为空。如果我在IE中按CTRL + F5，它可以工作，并且div具有XML文件的内容。我正在使用IE 9。

有什么想法吗？

提前感谢！

Answer 1

试试这个：

$(function(){
    console.log("Document ready");
    $("#footer_config").load('/config/footer_config.xml', function() {
        console.log('Load finished');
    });
});

这将告诉您加载已完成。之后，请尝试检查Chrome开发者工具中的网络标签，看看它是否被拉下。

更新：

不要使用 load 方法，而是尝试使用 AJAX 方法将其拉下：

$.ajax({url: '/config/footer_config.xml', dataType: 'xml', cache: false, success: function(d) {
    console.log(d);
    $('#footer_config').html($(d).html();
}});