ホームページ > 記事 > ウェブフロントエンド > jquery ajaxリクエストの詳細な分析examples_jquery
jquery ajaxリクエストの詳細な分析examples_jquery
- WBOYオリジナル
- 2016-05-16 17:47:461255ブラウズ
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>
🎜>
コード内のクラスが xixi.html である要素は、このファイルが存在する限り、このファイルの内容は任意です。 js の実行メソッドの順序は最初です
コードをコピーします
class="log1" >
🎜>
コード内のクラスが xixi.html である要素は、このファイルが存在する限り、このファイルの内容は任意です。 js の実行メソッドの順序は最初です
コードをコピーします
コードは次のとおりです:
$(this).text('Triggered ajaxStart handler.'); 次に、xixi.html のコンテンツをクラス結果 で要素にロードし、最後に
コードをコピーします
コードは次のとおりです:
$(this).text('トリガーされた ajaxStop ハンドラー。' ); 2.
コードをコピーします。
コードは次のとおりです。 > .ajaxSend()、.ajaxComplete()、.ajaxSuccess() および .ajaxError()
コードは次のとおりです:
;script type="text/javascript" src="test /jquery-1.7.2.min.js">
上記のコードでは、HTML ファイルが結果のクラスとともにロードされます。
実行シーケンス コードはマークされています。
ファイルが存在しないなど、リクエストの処理中にエラーが発生した場合、.ajaxSuccess() の代わりに .ajaxError() のメソッドが実行されます。 。
以前は ajax についてよく理解できていませんでしたが、これで全体的な理解が深まりました。また、リクエスト メソッドが HTTP GET であるか HTTP POST であるかについても一緒に学びたいと思います。
jquery での ajax アドレスの使用の紹介
Andy_能力が高ければ責任も大きくなります
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。