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 partial，如下所示：

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

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

如何在Javascript中实现jQuery load（）函数？

1 个答案: