使用本機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();