jQuery AJAX関数

  • 前のページ
  • 次のページ

jQueryはAJAX開発用の豊富な関数(メソッド)ライブラリを提供しています。

jQuery AJAXの例

以下のボタンをクリックすると、AJAXを使用してこのテキストを変更できます

実際に試してみてください

以下の例は私たちの AJAX 教程ですが、jQueryで修正されています。

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 参考マニュアル

  • 前のページ
  • 次のページ