jQuery 簡易ガイド: jQuery と Ajax の探索

PHPz
リリース: 2023-09-02 21:05:02
オリジナル
1453 人が閲覧しました

jQuery 简化指南:探索 jQuery 和 Ajax

jQuery ajax() 関数は最低レベルの抽象化です

jQuery ajax() 関数は、XMLHttpRequest (別名 AJAX) で使用できる最低レベルの抽象化です。他のすべての jQuery AJAX 関数 (load() など) は ajax() 関数を利用します。 ajax() 関数を使用すると、XMLHttpRequests に最も強力な機能が提供されます。 jQuery は、非常に特殊なタイプの XMLHttpRequests を実行するための他の高レベルの抽象化も提供します。これらの関数は本質的に ajax() メソッドへのショートカットです。

これらのショートカットは次のとおりです:

    ######負荷()###### #########得る()#########
  • <code>getJSON()
  • <code> <code>getScript()
  • <code> #########役職()######### <code> ショートカットは便利な場合もありますが、すべてバックグラウンドで ajax()
  • を使用することに注意することが重要です。また、AJAX に関して jQuery が提供するすべての機能とカスタマイズが必要な場合は、
  • ajax() メソッドを使用する必要があります。 <code> 注:
  • デフォルトでは、
  • ajax() と <code>load() の AJAX 関数は両方とも GET
  • HTTP プロトコルを使用します。

<code>jQuery はクロスドメイン JSONP をサポートします <code> パディング付き JSON (JSONP) は、HTTP リクエスト (JSON を返す) の送信者が、関数の引数として JSON オブジェクトを使用して呼び出される関数の名前を指定できるようにするテクノロジーです。このテクノロジーは XHR を使用しません。スクリプト要素を使用するので、任意のサイトから任意のサイトにデータを取得できます。目的は、XMLHttpRequest の同一オリジン ポリシー制限を回避することです。

getJSON()

jQuery 関数を使用すると、URL に JSONP コールバック関数を追加するときに、別のドメインから JSON データをロードできます。例として、Flickr API を使用した URL リクエストがどのように見えるかを次に示します。 http://api.flickr.com/services/feeds/photos_public.gne?tags=resig&tagmode=all&format=json&jsoncallback=?


#?

値は、

getJSON()

関数の引数として渡される関数を呼び出すように jQuery に指示するショートカットとして使用されます。このショートカットを使用したくない場合は、

?

を別の関数の名前に置き換えることができます。 以下では、Flickr JSONP API を使用して、「resig」タグが付けられた最新の写真を含む Web ページを取得します。

?

ショートカットを使用しているため、jQuery は単に私が提供した getJSON()<span class="sgc-100"> 関数のコールバック関数を呼び出すだけであることに注意してください。コールバック関数に渡されるパラメータは、要求された JSON データです。 </span> リーリー 注: コールバックを正しく使用するには、使用しているサービスの API を必ず確認してください。たとえば、Flickr は jsoncallback=?

という名前を使用しますが、Yahoo! と Digg は callback=? という名前を使用します。 <code>ブラウザの XHR リクエストのキャッシュを停止する

XHR 要求を実行すると、Internet Explorer は応答をキャッシュします。応答に保存期間の長い静的コンテンツが含まれている場合、キャッシュは有効です。ただし、リクエストのコンテンツが動的であり、いつでも変更される可能性がある場合は、ブラウザがリクエストをキャッシュしないようにする必要があります。考えられる解決策の 1 つは、URL の末尾に一意のクエリ文字列値を追加することです。これにより、ブラウザはリクエストごとに一意の URL をリクエストするようになります。

リーリー <code>もう 1 つの解決策 (よりグローバルな解決策) は、すべての AJAX リクエストにデフォルトで、先ほど説明したキャッシュなしロジックを含めることです。これを行うには、ajaxSetup 関数を使用してキャッシュをグローバルに無効にします。 リーリー

このグローバル設定を別の XHR リクエストでオーバーライドするには、

ajax() 関数を使用するときにキャッシュ オプションを変更するだけです。以下は、グローバル設定をオーバーライドしてリクエストをキャッシュする ajax() 関数を使用して XHR リクエストを実行するコード例です。 ああああ

以上がjQuery 簡易ガイド: jQuery と Ajax の探索の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート