jQuery_jqueryにおけるajaxのload()メソッドの使用例

この記事の例では、jQuery での ajax のload() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

この関数は、jQuery のシンプルかつ強力な ajax メソッドです。
サーバーからコンテンツをロードし、一致する要素を書き込みます。
文法構造:

コードをコピー コードは次のとおりです。

$(selector).load(URL,data,callback );

パラメータ分析:

1.selector: このセレクターに一致する要素にコンテンツをロードできるセレクター。
2. URL: 必須、ロードする必要がある URL アドレス。
3.data: オプション。リクエストとともに送信されるクエリ文字列のキーと値のペアのコレクション。
4. callback: オプション。load() 関数の完了後に実行される関数、つまりコールバック関数。

コード例:

コードをコピーします コードは次のとおりです:

<頭>



<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("#bt").click(function(){
$("#thediv").load("mytest/demo/antzone.txt");
})
})

上記のコードは要件を実装しており、テキスト ファイルのコンテンツを div 要素に書き込むことができます。

コールバック関数:

コールバック関数には 3 つのパラメーターを指定できます。以下では、3 つのパラメーターの機能について説明します。

1.responseTxt: 呼び出しが成功した場合の結果の内容が含まれます。

2.statusTXT: 通話のステータスが含まれます。

3.xhr:XMLHttpRequest オブジェクト。

コード例:

コードをコピーします コードは次のとおりです:

<頭>



<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("#bt").click(function(){
$("#thediv").load("antzone.txt",function(responseTxt,statusTxt,xhr){
If(statusTxt=="成功"){
alert("コンテンツは正常にロードされました!");
}
If(statusTxt=="エラー"){
alert("エラー:" xhr.status ":" xhr.statusText);
}
});
});
})

上記のコード実装では、パスが正しくなく、ファイルが見つからないため、エラー メッセージがポップアップ表示される場合があります。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。