ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryの非同期リクエストとはどういう意味ですか?

jqueryの非同期リクエストとはどういう意味ですか?

WBOY
WBOYオリジナル
2022-06-24 16:31:041727ブラウズ

jquery 非同期リクエストとは、ブラウザがサーバーにリクエストを送信した後、サーバーの応答が返されるのを待たずに、いつでも次のリクエストを送信できることを意味します。つまり、リクエストが送信される前のデータは次のとおりです。更新; Ajax、「$.get()」、「$.post()」、「$.getJSON()」を使用して非同期リクエストを実装できます。

jqueryの非同期リクエストとはどういう意味ですか?

このチュートリアルの動作環境: Windows10 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。

jquery の非同期リクエストの意味

非同期リクエスト

サービス処理のプロセス中にブラウザがサーバーに同期リクエストを送信するとき同期リクエスト。ブラウザは待機状態になります。サーバーはリクエストを処理した後、データをブラウザに応答し、ブラウザのメモリ内の元のデータを上書きします。ブラウザはページをリロードし、サーバーの応答データを表示します。

それでは、ブラウザがサーバーにリクエストを送信できるようにするテクノロジはありますか? サーバーがリクエストを処理している間、ブラウザは待機状態にならず、リクエストを受信して​​いる間にブラウザがリロードされません。応答データ。ページ全体について、リクエストが送信される前のデータは失われず、ページの部分的な更新は実現できますか?次に、ajax リクエスト - 非同期リクエスト モデルを使用する必要があります。

同期リクエストとは、リクエストを送信した後、次のリクエストを送信する前にサーバーの応答が返されるのを待つ必要があることを意味します。

非同期リクエストは同期リクエストとは逆で、応答を待つ必要がなく、いつでも次のリクエストを送信できます。

jQuery 非同期リクエストの 4 つの方法

最初の Ajax リクエスト:
データをサーバーに保存し、成功したら情報を表示します

$.ajax({
 type: “POST”,
 url: “some.php”,
 data: “name=John&location=Boston”,
 success: function(msg){
 alert( "Data Saved: " + msg );
 }
 });

コメント:
l タイプ: (デフォルト: "GET")、リクエストメソッド ("POST" または "GET") 他のリクエストメソッドは一部のブラウザでのみサポートされています。
l url: (デフォルトの現在のページのアドレス) リクエストを送信するアドレス。
l データ: 保存されたデータ。
l success: リクエストの後に呼び出され、返されたデータと成功コードを含む文字列が転送されます。
l Function() はコントローラー側で宣言されたグローバル変数を保存する必要があります

2 番目の $.get() リクエスト:
(リモート HTTP GET リクエスト経由 情報のロード) 。これは、複雑な $.ajax を置き換える単純な GET リクエスト関数です。リクエストが成功したときにコールバック関数を呼び出すことができます。エラー時に関数を実行する必要がある場合は、$.ajax を使用してください。)
説明:
test.php の戻り値を表示します (戻り値に応じて HTML または XML)。
jQuery コード:

$.get(“test.php”, function(data){
 alert("Data Loaded: " + data);
 });

3 番目の $.post() リクエスト:
(リモート HTTP POST リクエストによる情報の読み込み)
説明:
リクエストされたページ test.php からの結果を出力します (返された内容に応じて HTML または XML):
jQuery コード:

$.post(“test.php”, function(data){
 alert("Data Loaded: " + data);
 });

Fourth $.getJSON ()Request:
(HTTP GET リクエスト経由で JSON データをロード)
jQuery コード:

$.getJSON(“http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format
 =json&jsoncallback=?”, function(data){
 $.each(data.items, function(i,item){
 $("").attr(“src”, item.media.m).appendTo("#images");
 if ( i == 3 ) return false;
 });
 });

注:

l $.getJSON() リクエストは、最初の 3 つ: コントローラーに返されるのはコンテンツではなく、JSON 形式のコードです
jqueryの非同期リクエストとはどういう意味ですか?

ビデオ チュートリアルの推奨事項: jQuery ビデオ チュートリアル

以上がjqueryの非同期リクエストとはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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