ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryでのjQuery.ajax()関数の使用例を詳しく解説

jQueryでのjQuery.ajax()関数の使用例を詳しく解説

伊谢尔伦
伊谢尔伦オリジナル
2017-06-19 09:48:261439ブラウズ

jQuery.ajax() 関数は、jQuery によってカプセル化された AJAX テクノロジーの実装であり、この関数を通じて、現在のページを更新せずにリモート サーバー上のデータを取得できます。 バックグラウンドのHTTPリクエストを介したリモートデータのロード用。

jQuery.ajax() 関数は、jQuery の基礎となる AJAX 実装です。 jQuery.get()、jQuery.post()、load()、jQuery.getJSON()、jQuery.getScript() およびその他の関数はすべてこの関数の簡略化された形式です (これらはすべてこの関数を呼び出しますが、パラメーター設定が異なります)または省略されています)。

この関数はグローバル jQuery オブジェクトに属します (静的関数としても理解できます)。

Syntax

jQuery 1.0 では、この静的関数が追加されています。 jQuery.ajax() 関数には次の 2 つの用途があります:

用途 1:

jQuery.ajax( [ settings ] ] )

用途 2: jQuery 1.5 ではこの用途が新たにサポートされました。

jQuery.ajax( url [, settings ] ] )

使用法 2 は、使用法 1 のバリエーションです。パラメーター オブジェクト設定内のオプションの属性 URL を独立したパラメーターとして抽出するだけです。

パラメータ

前の構文セクションで定義されたパラメータ名に従って、対応するパラメータを見つけてください。

url 文字列型の URL リクエストstring

設定 オプション/オブジェクト クラス オブジェクト オブジェクトを入力します。各プロパティは、リクエストの送信に必要な追加のパラメーター設定を指定するために使用されます。 パラメータ設定はオブジェクトです。

戻り値

jQuery.ajax()関数の戻り値は jqXHR 型で、現在のリクエストの jqXHR オブジェクトを返します (jQuery 1.4 および以前のバージョンはネイティブ XMLHttpRequest オブジェクトを返します)。

コードの説明例:

jQuery.ajax() にパラメータが指定されていない場合、デフォルトで現在のページがリクエストされ、返されたデータは処理されません。

jQuery.ajax() 関数の設定オブジェクトで、一般的に使用される属性は次のとおりです: url、type、async、data、dataType、success、error、complete、beforeSend、timeout など。

以下の最初の HTML コードを参照してください:

<div id="content"></div>

以下は、jQuery.ajax() 関数の具体的な使用法を示す、jQuery.ajax() 関数に関連する jQuery サンプル コードです。




以上がjQueryでのjQuery.ajax()関数の使用例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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