jqueryのajax request_jqueryの包括的な理解

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 の使用

関連ラベル：

アヤックスリクエスト jquery

ソース：php.cn

前の記事：jQuery オブジェクトと Javascript 間の変換のコード例 object_jquery 次の記事：iframe_javascriptスキルで要素を取得・操作するJSメソッド

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事

• NullPointerException とは何ですか?どのように修正すればよいですか?
  2024-10-22 09:46:29
• 初心者からプログラマーへ: 旅は C の基礎から始まります
  2024-10-13 13:53:41
• PHP による Web 開発のロックを解除する: 初心者ガイド
  2024-10-12 12:15:51
• C の謎を解く: 新人プログラマーのための明確でシンプルな道
  2024-10-11 22:47:31
• コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング
  2024-10-11 19:36:51
• 内なるプログラマーを解き放つ: まったくの初心者のための C
  2024-10-11 15:50:41
• C で生活を自動化する: 初心者向けのスクリプトとツール
  2024-10-11 15:07:41
• PHP を簡単に: Web 開発の最初のステップ
  2024-10-11 14:21:21
• Python で何でも構築: 創造性を解き放つための初心者ガイド
  2024-10-11 12:59:11
• コーディングの鍵: 初心者のための Python の力を解き放つ
  2024-10-11 12:17:31

最新の問題

Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...

から 2024-04-06 14:54:03

0

2

421

jqueryを使用してHTMLデータテーブルの選択されていない行の値を取得する方法 ボタンがクリックされなかったすべての行の値を取得しようとしています。たとえば、最初の行のボタンをクリックしたときに、クリックされなかった行の値を取得したいとします。 vartabl...

から 2024-04-05 09:26:49

0

1

1418

エンドユーザーの現在の選択に基づいて選択ボックスから選択したオプションを移動するには、jquery スクリプトが必要です エンドユーザーが選択ボックス要素を介してアイテムをランク付けできる HTML ページがあります。簡単なデモを確認するには、フィドルを参照してください: https://jsfidd...

から 2024-04-04 18:40:04

0

1

3528

ブックマークを介して純粋な CSS で要素を作成しました。作成されたが表示されない 私のコードは次のとおりです: g=document.createElement('div');g.setAttribute("id","divcont...

から 2024-04-04 17:27:27

0

1

417

Safari/Firefox iOS でフォ​​ームデータを送信できない これは、iOS 上の Safari/Firefox を除くすべてのプラットフォームで動作します: jQuery("#gform_1").one('submit'...

から 2024-04-04 12:53:48

0

1

303

関連トピック

詳細>

• jqueryプラグインとは何ですか?
• jQueryでJSONを操作する方法
• jqueryで要素を削除する方法
• jQueryのhover()メソッドの使用
• jqueryはページングメソッドを実装します
• jqueryの隠し要素とは何ですか
• jQueryでハイライト表示されているもの
• strtok関数の使い方