Latest web development tutorials

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」を提出します:

$( "#路Div1」)は、負荷(「demo_test.txt");

»をお試しください

また、URLパラメータにjQueryのセレクタを追加することができます。

次の例では、コンテンツ「demo_test.txt「ファイルID = "P1"要素は、指定された<div>要素にロードされます。

$( "#路Div1」)は、負荷(「demo_test.txt#p1の");

»をお試しください

オプションのコールバックパラメータは、コールバック関数を可能にするために完了した後に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);
});
});

»をお試しください