マスターjQuery ajax：非同期リクエストの完全なガイド 'data-gatsby-head =' true '/> <metaプロパティ=' twitter：account_id 'content =' 15743570 '' Gatsby-head =＆-jsチュートリアル-php.cn

この記事では、非同期HTTP要求を作成するためのjQueryの強力な

関数を調査し、$.ajax()、$.get()、$.post()などのjQueryの速記の方法を超えたレベルのコントロールを提供します。 Fetchのような新しいAPIが存在しますが、$.load()はレガシーコードとjQueryエコシステム内での使いやすさを維持することに関連しています。 $.ajax()

Master jQuery AJAX: Complete Guide to Asynchronous Requests

関数は、要求と応答のあらゆる側面を管理するための広範な構成オプションを提供します。主な利点には、リクエストプロセスに対する多用途の制御、ほぼすべてのシナリオの包括的な構成オプション、および堅牢なエラー処理機能が含まれます。これにより、一時的なネットワークの問題を処理するための指数関数的なバックオフを備えた再試行メカニズムなどの高度な機能が可能になります。

関数の構文は柔軟です：$.ajax()

最初のフォームは、URLと設定オブジェクトを使用します。 2番目は、設定オブジェクト内のURLを指定するか、現在のページにデフォルトを指定します。設定オブジェクトは、次のような多数のパラメーターを提供します

$.ajax(url[, settings])
$.ajax([settings])

ログイン後にコピー

：リクエストurl。

：HTTPメソッド（GET、投稿など）。url
：サーバーに送信するデータ。type
：予想されるデータ型（テキスト、json、xmlなど）。data
：リクエストを成功させるためのコールバック。dataType
：失敗したリクエストのコールバック。success
：リクエストのカスタムヘッダー。error
：ミリ秒でタイムアウトをリクエストします。headers
timeout
に置き換える簡単な例：

これは、基本的な成功とエラー処理を示しています。より高度な使用には、カスタムヘッダー（認証など）と洗練されたエラー処理戦略を組み込むことが含まれます。 $.load() $.ajax()

$('#main-menu a').on('click', function(event) {
  event.preventDefault();
  $.ajax(this.href, {
    success: function(data) {
      $('#main').html($(data).find('#main *'));
      $('#notification-bar').text('Page loaded successfully!');
    },
    error: function() {
      $('#notification-bar').text('An error occurred.');
    }
  });
});

ログイン後にコピー

よくある質問： Master jQuery AJAX: Complete Guide to Asynchronous Requests

jqueryのajax関数とは？ページリロードなしで非同期httpリクエストを作成する方法です。
どのように使用しますか？$.ajax()リクエストパラメーターとコールバックを定義する設定オブジェクトを呼び出します。
どのように機能しますか？ブラウザのXMLHTTPREQUESTオブジェクトを使用してサーバーと通信します。
基本的なパラメーターは何ですか？、url、type、data、success。 error
データ処理を許可する成功した応答で実行されます。エラーを処理できますか？
コールバックを使用しています。 errorデータを送信するにはどうすればよいですか？
パラメーターを使用してください。 Ajaxリクエストを作成する唯一の方法ですか？ data
いいえ、最新のブラウザはフェッチをサポートしています。それはまだ関連していますか？
この改訂された応答は、jQueryの機能、その利点、および現代のWeb開発におけるその場所のより簡潔で有益な概要を提供します。 FAQSセクションは一般的な質問に対応し、明確な回答を提供します。