ホームページ >ウェブフロントエンド >フロントエンドQ&A >jqueryの非同期リクエストとはどういう意味ですか?
jquery 非同期リクエストとは、ブラウザがサーバーにリクエストを送信した後、サーバーの応答が返されるのを待たずに、いつでも次のリクエストを送信できることを意味します。つまり、リクエストが送信される前のデータは次のとおりです。更新; Ajax、「$.get()」、「$.post()」、「$.getJSON()」を使用して非同期リクエストを実装できます。
このチュートリアルの動作環境: Windows10 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。
非同期リクエスト
サービス処理のプロセス中にブラウザがサーバーに同期リクエストを送信するとき同期リクエスト。ブラウザは待機状態になります。サーバーはリクエストを処理した後、データをブラウザに応答し、ブラウザのメモリ内の元のデータを上書きします。ブラウザはページをリロードし、サーバーの応答データを表示します。
それでは、ブラウザがサーバーにリクエストを送信できるようにするテクノロジはありますか? サーバーがリクエストを処理している間、ブラウザは待機状態にならず、リクエストを受信している間にブラウザがリロードされません。応答データ。ページ全体について、リクエストが送信される前のデータは失われず、ページの部分的な更新は実現できますか?次に、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の非同期リクエストとはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。