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

如果

filename

是一个

.txt

文件，那么它将按预期工作。但是，如果它是

.html

文件，则不会显示响应。

答案当然是肯定的，但我建议使用JQuery的

加载

函数，如前所述。使用抽象比处理XHR和DOM的低级细节要容易得多

这假设您的HTML是有效的

---

在您的例子中，代码类似于

$（“#target”）.load（filename）

答案当然是肯定的，但我建议使用JQuery的

load

函数，如前所述。使用抽象比处理XHR和DOM的低级细节要容易得多

这假设您的HTML是有效的

---

在您的例子中，代码类似于

$（“#target”）.load（filename）
是它可能使用JQuery加载

剧本

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();
}


$（文档）.ready（函数（）{
$（“#urButton”）。单击（函数（）{
$（“#urDiv”）.load（“trackingCode.html”）；
});
});

HTML

点击我
是它可能使用JQuery加载

剧本

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();
}


$（文档）.ready（函数（）{
$（“#urButton”）。单击（函数（）{
$（“#urDiv”）.load（“trackingCode.html”）；
});
});

HTML

点击我
您希望得到什么样的响应…？XMLHTTPRequest对象不关心要获取的URL是否以.txt或.html结尾。可能发生的情况是，ajax.responseText是无效的html，这在您尝试将其添加到文档时会导致问题。将ajax.responseText的打印输出添加到ie或chrome中的verifyHot f12，并查看控制台。HTML应该是格式良好的XMLHTTPRequest，您希望得到什么样的响应…？XMLHTTPRequest对象不关心要获取的URL是否以.txt或.HTML结尾。可能发生的情况是，ajax.responseText是无效的HTML，这在您尝试将其添加到文档时会导致问题。将ajax.responseText的打印输出添加到ie或chrome中的verifyHot f12，并查看控制台。HTML应该是格式良好的XML
<button id="urButton">Click Me</button>
<div id="urDiv"></div>