jQueryの - AJAXのload()メソッド
jQueryのload()メソッド
jQueryのload()メソッドは、シンプルでありながら強力なAJAXの方法です。
負荷()サーバーからデータをロードする方法、および選択された要素へのデータのリターン。
構文:
$(selector).load(URL,data,callback);
ロードしたい所定のURLに必要なURLパラメータ。
クエリ文字列パラメータは、リクエスト/値のペアと一緒に送られたキーオプションのデータを指定します。
オプションのコールバックパラメータは、実行を完了するためにload()メソッドの後に関数の名前です。
これは、のファイル(「demo_test.txt」)の内容の例です。
<h2>jQuery AJAX 是个非常棒的功能!</h2> <p id="p1">这是段落的一些文本。</p>
次の例では、コンテンツが指定した<div>要素にロードされる「demo_test.txt」を提出します:
また、URLパラメータにjQueryのセレクタを追加することができます。
次の例では、コンテンツ「demo_test.txt「ファイルID = "P1"要素は、指定された<div>要素にロードされます。
オプションのコールバックパラメータは、コールバック関数を可能にするために完了した後にload()メソッドを指定します。 コールバック関数が異なるパラメータを設定することができます。
- responseTxt -コール成功の内容の結果が含まれています
- statusTXT -コールのステータスが含まれています
- XHR -XMLHttpRequestオブジェクトが含まれています
次の例では、load()メソッドの後にダイアログボックスを表示完成するでしょう。 "!外部コンテンツが正常にロードされ、「load()メソッドが成功した場合、それが表示されます、そして、それが失敗した場合、エラーメッセージが表示されます。
例
$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});
»をお試しください