执行用包含脚本标签的 XMLHttpRequest 编写的 Javascript? [英] Executing Javascript written with XMLHttpRequest that contains script tags?

问题描述

通过一个 Javascript 请求，XMLHttpRequest 响应一些额外的 Javascript，这些 Javascript 需要添加到请求页面的页面中.

Through a Javascript request, XMLHttpRequest responds with some additional Javascript that needs to be added to the page the requesting page.

使用 eval()，如果响应类似于:

Using eval(), if the response is something like:

alert('This is the js response');

...那么这样就可以了.

... then this works just fine.

但是，返回的文本可能如下所示:

However, the text returned could look something like this:

<script language="javascript">var checkVar='checkVar: value 1';</script>

但很可能:

<script src="http://www.somesite.com/setCheckVarValue.js"></script> 

...需要在页面上加载额外的JS.

... where additional JS needs to be loaded on the page.

我已确保 XMLHttpRequest 是 同步，因为我想在此之后立即引用 checkVar.

I have ensured that the XMLHttpRequest is synchronous, as I want to reference checkVar right after this.

所以:

<script type="text/javascript" src="http://www.mysite.com/addJSToPage.js" />
// at this point, since this is a synchronous call, page processing waits
// until the response is received that needs to include the additional JS
// to load; this, for testing sets the value of checkVar

<script type="text/javascript" >
    alert(checkVar);
</script>

警报消息应为checkVar: value 1".

The alert message should read "checkVar: value 1".

由于其他原因，这不仅仅是在addJSToPaged.js中设置var checkVar那么简单，所以我不是在寻找那种推荐.

For other reasons, this is not just as simple as setting var checkVar in addJSToPaged.js, so I'm not looking for that kind of recommendation.

我只是使用 alert(checkVar) 作为测试，以确保在响应中通过 JS 设置了一个值.

I'm using alert(checkVar) simply as a test to ensure that a value has been set through JS in the response.

我想我可以去掉开始和结束脚本标记，并保持 eval() 的方式.但是，我想知道是否有任何解决方案支持我正在寻找的东西?

I suppose that I could strip out the beginning and ending script tags and keep the eval() way of doing it. However, I would like to know if there are any solutions that support what I'm looking for?

谢谢.

更新

按照 Prashanth 的建议，我在 addJSToPage.js 中添加了:

Following Prashanth's suggestion, in addJSToPage.js I added:

var dynamicElement = document.createElement('div');

然后在 XMLHttpRequest 的响应中，我做了:

Then in the response from the XMLHttpRequest, I did:

dynamicElement.appendChild = xmlhttp.responseText;

仍然没有看到 checkVar 的值.

Still not seeing the value of checkVar.

推荐答案

重述 - 需要能够在加载之后/期间将某些内容动态加载到页面上，并让它执行.通过执行，我不仅仅意味着更改某些 div 上的文本 - 这很容易.但是，如果我们想动态加载一些新的 JS，比如说来自某个外部源的警报，并注入它，连同它的脚本标签，也许还有一些其他 HTML 代码，那么解决方案是使用以下 jQuery 调用:

Recapping - the need is present to be able to dynamically load some content onto a page after/during load, and have it execute. By execute, I don't just mean change the text on some div - that's easy. But if we want to load some new JS dynamically, say an alert that comes from some outside source, and inject it, along with it's script tags, and maybe some other HTML code, then the solution is to use the following jQuery call:

jQuery(dynamicResponse).appendTo('body');

dynamicResponse 来自异步 $.ajax({}) 或 XmlHttpRequest 响应.一旦出现，它就会被附加到任何 DOM 元素上，在 appendTo() 中指定并执行.

dynamicResponse comes from an asynchronous $.ajax({}) or XmlHttpRequest response. Once present, it is appended onto whatever DOM element, specified in appendTo() and executed.

这篇关于执行用包含脚本标签的 XMLHttpRequest 编写的 Javascript?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！