Question

function loadAjax(filename){
    var ajax;
    if(window.XMLHttpRequest){
        ajax=new XMLHttpRequest();
    }
    ajax.onreadystatechange=function(){
        if(ajax.readyState==4 && ajax.status==200){
            document.getElementById("target").innerHTML = ajax.responseText;
        }
    }
    ajax.open("GET",filename,true);
    ajax.send();
}

如果filename是.txt文件，则按预期方式工作。但是，如果它是.html文件，则不会显示任何响应。

Answer 1

答案当然是肯定的，但我建议使用JQuery的load函数，如here所述。使用抽象而不是混淆XHR和DOM的低级细节要容易得多。

这假定您的HTML有效。

在您的情况下，代码类似于$("#target").load(filename);

Answer 2

是的，可能使用JQuery加载

脚本

<script type="text/javascript">
   $(document).ready(function(){
    $("#urButton").click(function() {
    $("#urDiv").load("trackingCode.html");
    });
   });
</script>

HTML

<button id="urButton">Click Me</button>
<div id="urDiv"></div>

是否可以使用Ajax从.HTML文件加载？

2 个答案: