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

发布于 2024-12-26 17:25:04 字数 640 浏览 0 评论 0原文

我想使用 AJAX 加载 Javascript 文件并执行它。我知道像 jQuery 的 .getScript() 这样的解决方案,但我不想使用任何库!我还知道将

这是我的尝试的简化版本:

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.responseTypehttp.response 似乎也是空的。我还尝试了eval(http.responseText)

I want to load a Javascript file and execute it, using AJAX. I'm aware of solutions like jQuery's .getScript(), but I do not want to use any library! I'm also aware of writing <script> elements to the DOM, but as I said, I'm trying to achieve this with AJAX.

Here's a slimmed down version of my tries:

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 shows the requests succeed, the right file is accessed, and a HTTP status 200 is shown. But the response seems to be empty. http.responseType and http.response seem to be empty, too. I also tried eval(http.responseText).

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

归途 2025-01-02 17:25:04

但正如我所说,我正在尝试使用 AJAX 来实现这一目标。

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

在 DOM 中创建新的脚本元素确实是这里的自然方法。

but as I said, I'm trying to achieve this with AJAX.

Ajax is simply not the method for this - all it can do for you is fetch data, which you would then have to run through eval() to get them executed.

Creating a new script element in the DOM is really the natural way to go here.

So要识趣 2025-01-02 17:25:04
var xhr = new XMLHttpRequest();
xhr.addEventListener("load", function runScript() {
    eval(this.responseText);
});
xhr.open('get', 'script_url.js');
xhr.send();

如前所述,不要这样做。使用<脚本>

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

As mentioned don't do this. Use <script>

var script = document.createElement("script");
script.src = 'script_url.js';
document.head.appendChild(script);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文