相当于没有jQuery的$ .load

我想加载一些翡翠内容到button点击某个部分。 我已经find了如何做到这一点的jQuery，有几个职位上，基本上我想要做的是

$('#div').load('/somePage'); 

但是，我无法在我的项目中使用jQuery。 在香草的JavaScript有没有相同的function？

Answer 1

我想你可以这样做，

 var request = new XMLHttpRequest(); request.open('GET', '/somepage', true); request.onload = function() { if (request.status >= 200 && request.status < 400) { var resp = request.responseText; document.querySelector('#div').innerHTML = resp; } }; request.send(); 

顺便说一下，你也可以通过抓取API来做到这一点。

 fetch('/somepage') .then(function(response) { return response.text(); }) .then(function(body) { document.querySelector('#div').innerHTML = body; }); 

顺便说一下，你可以阅读这篇博客文章 ，了解有关获取API的信息。