jquery ajaxリクエストの詳細な分析examples_jquery

jquery は、非常に実用的ないくつかの ajax リクエスト メソッドをカプセル化します。
例: .ajaxComplete() - リクエストが完了したとき ajaxError() - リクエストが失敗したとき ajaxSend() - Ajax リクエストの送信時に実行する関数をアタッチします。 , .ajaxStop()——リクエストが終了したとき。ajaxSuccess()——リクエストが成功したとき。load()——サーバーからデータをロードし、返されたHTMLを選択した要素に置き換えます。jQuery.post()——ロードHTTP POST リクエストを使用する サーバー側 data.serialize() - フォーム要素のセットを送信用の文字列にエンコードします。serializeArray() - フォーム要素のセットをキーと値のペアの配列にエンコードします。 jQuery.param() - 作成します。シリアル化された配列またはオブジェクト。URL クエリ文字列または Ajax リクエストに適用できます。 jQuery.getScript() - サーバーから js ファイルをロードして実行します。 jQuery.getJSON() - サーバーから JSON エンコードされたデータをロードします。 jQuery 。 get()—サーバーからのデータのロードは次の 2 つの単純な作業です: 1. .ajaxStart() と .ajaxStop()

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

;

/div>

class="log1" >

🎜>
コード内のクラスが xixi.html である要素は、このファイルが存在する限り、このファイルの内容は任意です。 js の実行メソッドの順序は最初です




コードをコピーします

コードは次のとおりです:

$(this).text('Triggered ajaxStart handler.'); 次に、xixi.html のコンテンツをクラス結果 で要素にロードし、最後に

コードをコピーします

コードは次のとおりです:

$(this).text('トリガーされた ajaxStop ハンドラー。' ); 2.

コードをコピーします。

コードは次のとおりです。 >
.ajaxSend()、.ajaxComplete()、.ajaxSuccess() および .ajaxError()

[html] コードをコピーします

コードは次のとおりです:

;script type="text/javascript" src="test /jquery-1.7.2.min.js">

} );

$('.result').ajaxSend(function() {
$(this).text('トリガーされた ajaxSend ハンドラー。'); //【2】
}); >$('.result').ajaxComplete(function( ) {
$(this).text('トリガーされた ajaxComplete ハンドラー。'); //【4】
}); .result').ajaxSuccess(function() {
$(this).text('トリガーされた ajaxSuccess ハンドラー。');//[3]
});
$(".result") .ajaxError(function() {
$(this ).text( "トリガーされた ajaxError ハンドラー。" );
});
$('.trigger').click(function() {
$('.result').load('xixi .html');

上記のコードでは、HTML ファイルが結果のクラスとともにロードされます。
実行シーケンス コードはマークされています。
ファイルが存在しないなど、リクエストの処理中にエラーが発生した場合、.ajaxSuccess() の代わりに .ajaxError() のメソッドが実行されます。 。
以前は ajax についてよく理解できていませんでしたが、これで全体的な理解が深まりました。また、リクエスト メソッドが HTTP GET であるか HTTP POST であるかについても一緒に学びたいと思います。
jquery での ajax アドレスの使用の紹介
Andy_能力が高ければ責任も大きくなります