jQuery AJAX関数
jQueryはAJAX開発用の豊富な関数(メソッド)ライブラリを提供しています。
AJAXとは何ですか?
AJAX = Asynchronous JavaScript and XML。
AJAXは高速なダイナミックウェブページを作成する技術です。
AJAXはバックグラウンドでサーバーとデータの少ない交換を行うことで、ウェブページの非同期更新を許可します。これは、ページ全体を再読み込みしないで、ページの一部を更新できることを意味します。
私たちの AJAX 教程 AJAXに関する多くの知識を学ぶことができます。
AJAXとjQuery
jQueryはAJAX開発用の豊富な関数(メソッド)ライブラリを提供しています。
jQuery AJAXを通じて、HTTP GetとHTTP Postを使用して、TXT、HTML、XML、JSONのリモートサーバーからのリクエストを行うことができます。
そして、リモートデータを直接選択された HTML 要素に読み込むことができます!
少なく書いて、多くを成し遂げます
jQuery の load 関数はシンプルでありながら非常に強力な AJAX 関数です。その構文は以下の通りです:
$(selector).load(url,data,callback)
を使用してください selector を使用して変更する HTML 要素を定義します。 url パラメータを指定してデータのウェブアドレスを定義します。
データをサーバーに送信する場合にのみ使用します。 data パラメータ。実行が完了した後に関数をトリガーする必要がある場合にのみ使用します。 callback パラメータ。
Low Level AJAX
$.ajax(options) はローレベル AJAX 関数の構文です。
$.ajax はハイレベル関数よりも多くの機能を提供しますが、使用が難しくなります。
option オプションの設定は name|value ペアであり、URL データ、パスワード、データタイプ、フィルタ、文字セット、タイムアウト、エラーファンクションを定義します。
jQuery AJAX リクエスト
リクエスト | 説明 |
---|---|
$(selector).load(url,data,callback) | リモートデータを選択された要素にロードします |
$.ajax(options) | リモートデータを XMLHttpRequest オブジェクトにロードします |
$.get(url,data,callback,type) | リモートデータを HTTP GET でロードします |
$.post(url,data,callback,type) | リモートデータを HTTP POST でロードします |
$.getJSON(url,data,callback) | リモートの JSON データを HTTP GET でロードします |
$.getScript(url,callback) | リモートの JavaScript ファイルをロードおよび実行します |
(url) 読み込まれるデータの URL(アドレス)
(data) サーバーに送信されるデータのキー/バリュー オブジェクト
(callback) データが読み込まれたときに実行される関数
(type) 返されるデータのタイプ (html,xml,json,jasonp,script,text)
(options) 完全な AJAX リクエストのすべてのキー/バリュー オプション
リファレンスマニュアル
jQuery AJAX 函数に関するさらに詳しい情報が必要な場合は、私たちの jQuery AJAX 参考マニュアル。