JavascriptのAJAXは、私が</p> <p>1） HTMLドキュメントがあるとはeval

Question

witthファイルが含まれています。

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); 

...

今どのように私は成功し、次のんでください：

私はそう「なFetchData」および/上下に定義関数を含む「code.js」のすべての機能を利用することができ、途中に挿入/ evalの私のJavascriptをしたいです"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

これは、多くの要因に依存するが、ほとんどの場合、あなたは1で、コード/ HTML/CSSのすべてをロードしたいと思うでしょう座っている。要求が少なくて済むので、知覚されるパフォーマンスが向上します。コードファイルが数メガバイトを超えていない限り、ユーザーがコードファイルを要求するときにコードファイルを読み込む必要はありません。

innerHTMLを変更してevalでスクリプトを実行することは、それぞれ非常に面倒で危険です（それぞれ）。多くのオンラインリファレンスがこの点を裏付けています。ライブラリがこのようなことを行っているからといって、実行するのが安全だと仮定しないでください。

つまり、外部のjsファイルをロードして実行することは完全に可能です。 1つの方法は、新しく作成されたスクリプトタグにすべてのコードを貼り付けることです。 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."); 
} 

Answer 3

は、私はあなたがthis site

を見てみるべきだと思います（例で）動的ロードとコールバックについては、このサイトの話 - それはロードした後、あなたがロードされたスクリプト内の関数を呼び出すことができます。いいえjquery、ちょうど純粋なJS。