如何在 Javascript 中实现 jQuery 的 load() 函数？

Question

我正在从网页向另一个资源进行异步调用，例如 /example/url/here.html，其中包含部分视图，并将响应插入到第一页上 div 的 innerHTML 中。但是，here.html 的部分视图可能包含 <script> 引用和一些在插入到 innerHTML 时不会加载/运行的内联脚本。

我想知道 jQuery 的 load() 函数是否可以解决这个问题，如果可以，如何在 javascript 中实现类似的函数，因为我不能使用 jQuery。

这是我正在使用但不起作用的代码：

     function (elemId, url) {

        var successCallback = function (responseText) {
            var elem = document.getElementById(elemId);
            elem.innerHTML(responseText);
        };

        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                successCallback(xmlhttp.responseText);
            }
        };

        xmlhttp.open("GET", url, true);
        xmlhttp.send();

    }

Answer 1

我认为你想要做的是像这样通过 jquery 加载 html 部分：

<div id="partial" ></div>

$('#partial').load('somefile.html');