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

WBOY
リリース: 2016-05-16 17:47:46
オリジナル
1265 人が閲覧しました

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">







上記のコードでは、HTML ファイルが結果のクラスとともにロードされます。
実行シーケンス コードはマークされています。
ファイルが存在しないなど、リクエストの処理中にエラーが発生した場合、.ajaxSuccess() の代わりに .ajaxError() のメソッドが実行されます。 。
以前は ajax についてよく理解できていませんでしたが、これで全体的な理解が深まりました。また、リクエスト メソッドが HTTP GET であるか HTTP POST であるかについても一緒に学びたいと思います。
jquery での ajax アドレスの使用の紹介
Andy_能力が高ければ責任も大きくなります
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート