コアポイント

• jQueryの略語(yǔ)ajaxメソッドは、プリセット構(gòu)成を使用して特定の目的で$.ajax()メソッドをラップするAjaxコールを簡(jiǎn)素化するメソッドを提供します。この記事で説明した方法には、load()、$.post()、$.get()が含まれます。
• load()メソッドにより、データをサーバーからロードし、選択した要素に配置できます。 URL、オプションのデータ、およびオプションのコールバック関數(shù)を使用します。この方法は、Webページの主なコンテンツを非同期にロードするために使用できます。
• $.post()メソッドは、リクエスト本文の一部としてサーバーにPOSTリクエストを送信し、データを送信するために使用されます。この方法は、サーバー側(cè)の狀態(tài)の変更を引き起こす可能性のある要求に最適です。
• $.get()メソッドは、サーバーへのGETリクエストを開始します。これは、サーバーが常に特定のパラメーターセットに対して同じ結(jié)果を返す?fàn)顩r、またはユーザーがリソースを共有する必要がある狀況に最適です。

ajaxという用語(yǔ)を聞いたことがありませんか？私は、ほとんどすべての人の手が彼らの體の近くに置かれているに違いない。 Ajax（もともと非同期JavaScriptとXMLの略）は、非同期WebサイトとWebアプリケーションの作成に役立つ最も一般的に使用されるクライアントメソッドの1つです。

もちろん、Raw JavaScriptを使用してAjaxコールを?qū)g行できますが、コードのすべての異なる部分を処理するのは面倒です。これは、インターネットエクスプローラー6などの古いブラウザをサポートする必要がある場(chǎng)合に特に當(dāng)てはまります。

幸いなことに、jQueryはこれらの問題に対処するための一連の方法を提供し、コードで達(dá)成したいタスクに集中できるようにします。 jQueryは、ニーズに合わせて高度に構(gòu)成できるメインメソッドを提供します。また、略語(yǔ)メソッドと呼ばれる一連の略語(yǔ)方法も提供します。これは、プリセット構(gòu)成を備えたメソッドのラッパーであり、それぞれが単一の目的を果たすためです。

$.ajax() $.ajax()メソッドとは別に、すべてのメソッドには共通點(diǎn)が1つあります。それらはDOM要素のセットで動(dòng)作するのではなく、jQueryオブジェクトから直接呼ばれます。したがって、次のようなステートメントを書きません：

$.ajax()これにより、ページ內(nèi)のすべての段落が選択され、

メソッドを呼び出して、代わりに書き込みます。

$('p').ajax(...);

この記事では、最も一般的に使用される3つのjQueryの略語(yǔ)方法、

、ajax()、および

について説明します。

$.ajax(...);

load()load（）$.post()$.get()

最初に説明する方法は

です。サーバーからデータを読み込み、返されたデータ（通常はHTMLコード）を一致を選択する要素に配置できます。実際にそれを使用する前に、その署名を見てみましょう：

各パラメーターの意味は次のとおりです

• url：リクエストを送信するリソースのURLを指定する文字列
• ：適切に形成されたクエリ文字列である必要があるオプションの文字列、またはリクエストパラメーターとして渡す必要があるオブジェクト。文字列が渡された場(chǎng)合、リクエストメソッドが取得され、オブジェクトが渡された場(chǎng)合、リクエストメソッドが投稿されます。このパラメーターが省略されている場(chǎng)合、GETメソッドが使用されます data
：AJAX要求が完了した後に呼び出されるオプションのコールバック関數(shù)。この関數(shù)は、応答テキスト、要求されたステータス文字列、JQXHRインスタンスの3つのパラメーターを受け入れます。コールバック関數(shù)の內(nèi)部では、コンテキスト（これ）がコレクションの各要素に1つずつ設(shè)定されます。
• callback
これは使用が難しいようですか？特定の例を見てみましょう。

メインコンテンツを表すID Mainを備えたWebサイトに要素があるとします。私たちがやりたいのは、メインメニューのリンクで參照されているページのメインコンテンツを非同期的にロードすることです。理想的にはそのIDはメインメニューです。殘りのレイアウトが変更されないため、この要素內(nèi)のコンテンツを取得するだけなので、ロードする必要はありません。

このアプローチは、WebサイトにアクセスするユーザーがJavaScriptを無効にしている場(chǎng)合でも、通常の同期メカニズムを使用してWebサイトを閲覧できるため、強(qiáng)化として意図されています。ウェブサイトのパフォーマンスを改善できるため、この機(jī)能を?qū)g裝したいと考えています。この例では、メニュー內(nèi)のすべてのリンクが內(nèi)部リンクであると想定しています。

jqueryと

メソッドを使用して、次のコードでこのタスクを完了できます。

load()待って！このコードの何が問題なのかわかりますか？このコードは、メインコンテンツだけでなく、參照されたページのすべての

htmlコードを取得していることに気付くかもしれません。このコードを?qū)g行すると、2つの鏡があるようなものになります。1つはもう1つの前にあります。鏡の中、鏡の中に鏡が見えます。私たちが本當(dāng)に望んでいるのは、ターゲットページのメインコンテンツのみをロードすることです。

$('p').ajax(...);

この問題を解決するために、jQueryを使用すると、指定されたURLの直後にセレクターを追加できます。

メソッドのこの関數(shù)を使用して、前のコードを次のように書き換えることができます。 今回はページを検索し、HTMLコードをフィルタリングし、ID Mainを使用して要素の子孫のみを注入します。ユニバーサルセレクター（）が含まれています。なぜなら、#main要素の內(nèi)側(cè)にのみ#mainのみが必要であるため、#mainのみが必要なためです。

この例は良いですが、利用可能なパラメーターの1つの使用のみを示しています。もっとコードを見てみましょう！

load() load（）

でコールバック関數(shù)を使用します

$.ajax(...);

コールバックパラメーターを使用して、ユーザーに操作の完了を通知できます。前回の例を最後に使用して使用してみましょう。

*今回は、ID通知バーを備えた要素があると仮定し、それは...まあ、通知バーとして使用されます。

をマスターするときは、次の方法に注意を向けましょう。

$。post（）

サーバーによって返されたコンテンツを1つ以上の要素に挿入することがあります。データを取得してから、データを検索した後にデータを決定することをお?jiǎng)幛幛筏蓼?。これを行うには?code>$.post()または$.get()メソッドを使用できます。

これらは機(jī)能的に類似しており（サーバーにリクエストを行います）、署名と受け入れられたパラメーターの點(diǎn)で同じです。唯一の違いは、1つがPOSTリクエストを送信し、もう1つがGETリクエストを送信することです。明らかにそうではありませんか？

POSTリクエストとGETリクエストの違いを覚えていない場(chǎng)合、リクエストがサーバー側(cè)の狀態(tài)を変更し、異なる応答を引き起こす可能性がある場(chǎng)合は、投稿を使用する必要があります。それ以外の場(chǎng)合は、Get Requestである必要があります。

$.post()メソッドの署名は次のとおりです

$('p').ajax(...);

パラメーターは次のとおりです

：リクエストを送信するリソースのURLを指定する文字列
• url：jQueryが[
• ：リクエストが成功した後に実行されたコールバック関數(shù)。コールバック関數(shù)の內(nèi)部では、コンテキスト（this）は、呼び出しで使用されるAjax設(shè)定を表すオブジェクトを表すように設(shè)定されています。 data
• ：応答本體の解釈方法を指定するオプションの文字列。受け入れられた値は、HTML、テキスト、XML、JSON、スクリプト、およびJSONPです。これは、複數(shù)の空間分離値の文字列にもなります。この場(chǎng)合、jQueryは1つのタイプを別のタイプに変換します。たとえば、応答がテキストであり、XMLとして扱いたい場(chǎng)合は、「テキストXML」と書くことができます。このパラメーターが省略されている場(chǎng)合、応答テキストは処理や評(píng)価なしにコールバック関數(shù)に渡され、jQueryは正しい形式を推測(cè)するために最善を盡くします。 callback
• typeができることとそのパラメーターが何であるかを知っているので、いくつかのコードを記述しましょう。

記入するフォームがあるとします。フィールドがフォーカスを失うたびに、フィールドデータをサーバーに送信してその有効性を確認(rèn)したいと考えています。サーバーがJSON形式で情報(bào)を返すと仮定します。典型的なユースケースは、ユーザーが選択したユーザー名がまだ占有されていないことを確認(rèn)することです。

この関數(shù)を?qū)g裝するには、次のようにjqueryの$.post()メソッドを使用できます。

このコードでは、相対URL「/user」によって識(shí)別されたページにpostリクエストを送信します。また、2番目のパラメーターデータを使用して、フォーカスを失うフィールドの名前と値をサーバーに送信します。最後に、コールバック関數(shù)を使用して、返されたJSONオブジェクトのステータス屬性の値がエラーであることを確認(rèn)します。この場(chǎng)合、ユーザーにエラーメッセージ（メッセージ屬性に保存）を表示します。

このタイプのJSONオブジェクトがどのように見えるかをよりよく理解するために、次の例が次のとおりです。

私が言ったように、

は、Get Requestsを作成できることを除いて$.post()と同じです。そのため、次のセクションは非常に短くなり、同じ情報(bào)を繰り返す代わりにいくつかのユースケースに焦點(diǎn)を當(dāng)てます。

$.ajax(...);

$。get（）

$.get()は、jQueryが取得リクエストを発行するために提供される方法の1つです。このメソッドは、指定されたURLと提供されたオプションのデータを使用して、サーバーへのGETリクエストを開始します。リクエストが完了した後、コールバック関數(shù)を?qū)g行することもできます。その署名は次のとおりです

$('p').ajax(...);

パラメーターは

メソッドのパラメーターと同じなので、ここでは繰り返しません。 $.post()

関數(shù)は、サーバーが特定のパラメーターセットに対して常に同じ結(jié)果を返す場(chǎng)合に理想的です。また、ユーザーが共有できるようにしたいリソースにも適しています。たとえば、輸送サービス（列車の時(shí)刻表情報(bào)など）の場(chǎng)合、同じ日時(shí)を検索する人は同じ結(jié)果を得る必要があり、GETリクエストが理想的です。さらに、ページがリクエストに応答できる場(chǎng)合、ユーザーは友人と得られる結(jié)果を共有できます - URLの魔法。 $.get()

結(jié)論 この記事では、JQueryの最も一般的に使用されるAjax略語(yǔ)方法のいくつかについて説明します。それらはAjaxリクエストを?qū)g行する非常に便利な方法であり、私たちが見ることができるように、彼らの基本バージョンでは、私たちが望むものを達(dá)成するために1行のコードのみが必要です。

これらおよびその他の方法の詳細(xì)については、jQueryのajax略語(yǔ)ドキュメントを確認(rèn)してください。ここでは他に何も議論していませんが、この記事で得た知識(shí)を使用して、他の方法を始められるようにすることができるはずです。

（FAQセクションをここに追加する必要があります。コンテンツは入力テキストのFAQセクションと同じです）

以上がjquery＆＃x27;の略記ajaxメソッドの紹介の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。