問題使用JQuery/AJAX更新/插入<script>標記

Question

我正在嘗試使用JQuery/AJAX更新/插入新標記。在腳本標記中找到的URL是來自另一個域（Web服務器）的URL，我無法控制它。 Web服務器提供的結果在iframe中返回（同樣，我無法控制響應的格式）。

我已經嘗試了以下兩種解決方案（請注意，單擊按鈕僅用於測試目的）。

第一解決方案：

$(document).ready(function() { 
    $("button").click(function() { 
     var NewScript = document.createElement('script'); 
     NewScript.type = 'text/javascript'; 
     NewScript.src = 'http://www.contactedurl.com/query&callback=?'; 
     $("#TDiv").append(NewScript); 
    }); 
}); 

第二解決方案：

$(document).ready(function() { 
    $("button").click(function() { 
     var NewScript = document.createElement('script'); 
     NewScript.type = 'text/javascript'; 
     NewScript.src = 'http://www.contactedurl.com/query&callback=?'; 
     var script = document.getElementsByTagName('script')[0]; 
     script.parentNode.insertBefore(NewScript, script); 
    }); 
}); 

這兩種解決方案的產生下面的警告消息，從而不執行更新：

甲從異步加載的外部腳本調用document.write（）被忽略了。

我明白爲什麼會生成此消息的原因，以及爲什麼不執行更新，但我無法找到任何解決此限制或替代解決方案的方法。

我想知道是否有人會知道替代解決方案。

謝謝。

Answer 1

你根本無法像你這樣做。你必須通常包含腳本。

<div> 
    <script src="http://www.contactedurl.com/query&callback=?"></script> 
</div> 

或document.write（雖然這是很沒有意義的做這樣）：

<div> 
    <script> 
     document.write("<scr"+"ipt src='http://www.contactedurl.com/query&callback=?'></scr"+"ipt>"); 
    </script> 
</div> 

其中<div>...</div>是你想要的輸出是。

Answer 2

jQuery的呼籲$.getScript()

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