带有 eval 的 Javascript AJAX 包含文件

Question

假设我有

1) HTML 文档。

2) 此 HTML 文档加载 Javascript 文件“code.js”，如下所示：

<script src="code.js">

3) 用户点击“code.js”中运行“fetchdata”功能的按钮，

4) “fetchdata”函数如下所示：

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState==4) {
        myjsdata = xmlhttp.responseText;
    }
}
xmlhttp.open("GET", 'http://www.example.com/data.js', false);
xmlhttp.send(null);

...

现在我该如何成功完成以下操作：

我想以某种方式插入/评估我的 Javascript，因此“code.js”中的所有函数，包括“fetchdata”和上面/下面定义的函数都可以访问数据（结构、声明、预先计算的数据值等）。 ) 在“data.js”中。

（如果可能的话，我可以等待加载实际的 JS 数据文件，直到用户明确请求它。）

Answer 1

jQuery 总能满足一切需求：

http://api.jquery.com/jQuery.getScript/

从 url 加载一个 javascript 文件并在全局上下文中执行它。

编辑： 糟糕，没有看到您没有使用 jQuery。每个人都在使用 jQuery...

只要做：

var scrpt = document.createElement('script');
scrpt.src='http://www.example.com/data.js';
document.head.appendChild(scrpt);

Answer 2

我觉得你应该看看this site

本网站讨论动态加载和回调（带有示例） - 您可以在加载后调用已加载脚本中的函数。没有 jQUery，只有纯 JS。

Answer 3

这取决于很多因素，但在大多数情况下，您会希望一次性加载所有代码/html/css。它需要更少的请求，因此拥有更高的感知性能优势。除非您的代码文件超过几兆字节，否则没有必要在用户请求时加载它。

除此之外，修改innerHTML 和通过eval 运行脚本可能非常麻烦和冒险（分别）。许多在线参考资料将支持这一点。不要仅仅因为图书馆在做这样的事情，就认为它是安全的。

也就是说，完全可以加载外部js文件并执行。一种方法是将所有代码粘贴到新创建的脚本标签中。您也可以尝试在 eval 函数调用中运行代码（尽管不推荐）。

address = "testscript.js";

var req = (window.XMLHttpRequest)?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
if(req == null) {
    console.log("Error: XMLHttpRequest failed to initiate.");
}
req.onload = function() {
    try {
        eval(req.responseText);
    } catch(e) {
        console.log("There was an error in the script file.");
    }
}
try {

    req.open("GET", address, true);
    req.send(null);

} catch(e) {
    console.log("Error retrieving data httpReq. Some browsers only accept cross-domain request with HTTP.");
}