Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在不使用任何库的情况下,如何使用ajax加载和执行javascript文件?_Javascript_Ajax_Xmlhttprequest - Fatal编程技术网

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

在不使用任何库的情况下,如何使用ajax加载和执行javascript文件?,javascript,ajax,xmlhttprequest,Javascript,Ajax,Xmlhttprequest,我想加载一个Javascript文件并使用AJAX执行它。我知道像jQuery的.getScript()这样的解决方案,但我不想使用任何库!我也知道将元素写入DOM,但正如我所说的,我正试图用AJAX实现这一点 以下是我尝试的精简版本: var http; if(window.XMLHttpRequest){ http=new XMLHttpRequest(); } http.open('get','libs/teh-lib.js',false); http.onreadystatech

我想加载一个Javascript文件并使用AJAX执行它。我知道像jQuery的
.getScript()
这样的解决方案,但我不想使用任何库!我也知道将
元素写入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)

但正如我所说,我正试图用AJAX实现这一点

Ajax根本不是解决这个问题的方法——它所能做的就是获取数据,然后您必须通过
eval()
运行这些数据才能执行它们

在DOM中创建一个新的脚本元素是很自然的做法

var xhr = new XMLHttpRequest();
xhr.addEventListener("load", function runScript() {
    eval(this.responseText);
});
xhr.open('get', 'script_url.js');
xhr.send();
如前所述,不要这样做。使用


为什么需要使用Ajax(而不是使用
标记包含文件)?啊,直到现在我才意识到问题所在。很抱歉你所展示的应该是有效的(尽管我认为这不是一个好主意。)如果你得到一个空的响应,我很确定问题出在服务器端。如果直接在浏览器中访问URL会发生什么情况?@Pekka哦,你说得对,我试图加载的文件在直接在浏览器中访问时也显示为空。。。看起来像下划线作为文件名的第一个字符不起作用。。。谢谢你让我找到了问题@j08691这是做OP想要做的事情的唯一方法。我认为这不是个好主意。Re eval and evil…我没有特别的理由使用AJAX而不是添加标记,只是我尝试使用AJAX,但我无法让它工作@Alex看到我在你问题下面的最后一句话了吗
var script = document.createElement("script");
script.src = 'script_url.js';
document.head.appendChild(script);