使用本机JavaScript包含外部HTML文件

Question

我想使用JS而不是Jquery包含我的外部HTML文件。 我已经使用了它，但是没有Jquery它就无法工作。

<script>
$(function() {
    $('#filename').load("filename.html");
});
</script>

你们有更好的解决方案吗？

Answer 1

jQuery的load()基于基于$.ajax get() ，而$.ajax基于本机的XMLHttpRequest 。

var req = new XMLHttpRequest();

req.onload = function() {
    document.getElementById('filename').innerHTML = this.responseText;
}

req.open("get", "filename.html", true);
req.send();