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

Question

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

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

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

Answer 1

jQuery的load()基于get()，它基于$.ajax，基于原生XMLHttpRequest。

var req = new XMLHttpRequest();

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

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