Question

我想使用AJAX加载Javascript文件并执行它。我知道像jQuery的.getScript()这样的解决方案，但我不想使用任何库！我也知道将<script>元素写入DOM，但正如我所说，我正试图用AJAX实现这一点。

这是我尝试的精简版本：

var http;
if(window.XMLHttpRequest){
    http=new XMLHttpRequest();
}
http.open('get','libs/teh-lib.js',false);
http.onreadystatechange=function(){
    if(http.readyState==4 && http.status==200){
        alert(http.responseText);
    }
}

Firebug显示请求成功，访问正确的文件，并显示HTTP状态200。但反应似乎是空洞的。 http.responseType和http.response似乎也是空的。我也试过eval(http.responseText)。

Answer 1

但正如我所说，我正试图用AJAX实现这一目标。

Ajax根本就不是这种方法 - 它可以为你做的就是获取数据，然后你必须通过eval()运行才能执行它们。

在DOM中创建一个新的脚本元素是非常自然的方式。

Answer 2

var xhr = new XMLHttpRequest();
xhr.addEventListener("load", function runScript() {
    eval(this.responseText);
});
xhr.open('get', 'script_url.js');
xhr.send();

如上所述，请勿这样做。使用<script>

var script = document.createElement("script");
script.src = 'script_url.js';
document.head.appendChild(script);

你如何在不使用任何库的情况下使用ajax加载和执行javascript文件？

2 个答案: