検索

ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryのajax request_jqueryの包括的な理解

jqueryのajax request_jqueryの包括的な理解

WBOY
WBOYオリジナル
2016-05-16 17:39:52996ブラウズ

jquery はいくつかの ajax リクエスト メソッドをカプセル化しているため、非常に実用的です。

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

1. .ajaxStart() と .ajaxStop()

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





🎜>
トリガー


/div>




code は結果です この要素は xixi.html をロードします。このファイルが存在する限り、このファイルの内容は任意です。 jsの実行メソッドの順序は
です。
まず



コードをコピーします


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

$(this) .text(' ajaxStart ハンドラーをトリガーしました。'); then
xixi.html のコンテンツをクラス結果を持つ要素にロードします

最後に

コードをコピーします


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

$(this)。 text(' ajaxStop ハンドラーをトリガーしました。');
2. .ajaxSend()、.ajaxComplete()、.ajaxSuccess() および .ajaxError()

コードをコピーします

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








トリガー








上記のコードには、結果クラスの HTML ファイルも追加されています。
执行顺序代码中已经标出

リクエスト中に何らかの問題が発生した場合 (例: テキストファイルが存在しないなど)、.ajaxSuccess() ではなく.ajaxError() 内のメソッドが実行されます。

以前は、ajax の承認は非常に乱暴であり、完全な承認が存在しており、一貫して共同的な共有が望まれ、さらにリクエストの形式は HTTP GET または HTTP POST であり、研究が進められています。

jquery 内介在 ajax の場所

ajax の使用

声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：jQuery オブジェクトと Javascript 間の変換のコード例 object_jquery次の記事：jQuery オブジェクトと Javascript 間の変換のコード例 object_jquery

関連記事

続きを見る