使用原生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();