問題描述

通過一個 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?的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！