jQuery中ajax.loadの方法を詳しく説明します。


jQueryロード方法
jQuery load()方法はシンプルで強力なAJAX方法です。
ロード()方法はサーバからデータをロードし、返信したデータを選択された要素に入れます。
構文:

$(selector).load(URL,data,callback);
load()関数は、サーバからデータをロードし、現在のマッチング要素の内容を返すために使用します。
load()関数はデフォルトでGET方式を使い、オブジェクト形式のデータを提供すると自動的にPOST方式に変わります。
デフォルトではGet要求方式を使っていますので、urlプラスデータで提出することもできます。
例えば$("#box").load("loadTest.html?name=zhang&age=25")ロード()方法は3つのパラメータをパラメータできます。
url(必須、要求)ファイルのurlアドレス、パラメータタイプはSteringです。
data(オプション、送信するkey/valueデータ、パラメータタイプはObject)
calback(オプション、成功または失敗のコールバック関数、パラメータタイプは関数Function)
ロード()方法は部分的な方法であり、彼はプレフィックスとして要素を含むjQueryオブジェクトが必要である。例えば$(「萋box」).ロード()
$get()と$post()はグローバルな方法であり、要素を指定する必要はありません。用途については、静止ファイルの非同期取得に適しています。
サーバーページにパラメータを渡す必要がある場合は、$get()と$post()がより適切です。
オプションのcalbackパラメータは、ロード()メソッドが完了すると許可されるコールバック関数を規定しています。コールバック関数は異なるパラメータを設定できます。
  • レスポンスTxt-呼び出し成功時の結果を含む
  • statusTXT-呼び出しを含む状態
  • xhr-XMLHttpRequestオブジェクトを含む
  • 以下の例はロード()メソッドが完了したらヒントボックスを表示します。ロード()方法が成功したら、「外部コンテンツのロードが成功しました!」と表示されます。失敗したらエラーメッセージを表示します。
    
     $("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);
     });
    });
    以上述べたのは小编が皆さんに绍介した详しい解决方法です。jQueryの中でajax.load()の方法は皆さんの助けになりたいです。ここでも私たちのサイトを応援してくれてありがとうございます。