Ajax

jQuery API を使って作った、Ajaxに関するちょっと便利なサンプル集。

Ajax とは、「Asynchronous JavaScript + XML」の略で、ウェブページの内容の一部を、ダイナミックHTML（DHTML）で、動的に、非同期通信結果に書き換える技術。ウェブページをリロード（再読み込み）しないで、XMLなどの別ファイルと通信するという特徴がスマートだ。

jQuery を使うと、Ajax も簡単に実装できる。

• jQuery.ajax(settings)で、html形式のデータを読み込み表示
  

  jQuery の jQuery . ajax( settings ) メソッドを使った Ajax リクエストで、html形式のデータを読み込み、表示する方法。

• jQuery.ajax(settings)で、JavaScriptファイルを読み込み、実行
  

  jQuery の jQuery . ajax( settings ) メソッドを使った Ajax リクエストで、JavaScriptファイルを読み込み、実行する方法。

• jQuery.ajax(settings)で、JSON形式のデータを読み込み、表示
  

  jQuery の jQuery . ajax( settings ) メソッドを使った Ajax リクエストで、サーバへデータを送り、JSON形式のレスポンスデータを読み込み、表示する方法。このページのサンプルは、GETメソッドのHTTPリクエストで、PHPファイルへデータを渡し、PHPファイルの実行結果を取得し、JSON形式のデータとして処理し、表示する。

• jQuery.ajax(settings)で、JSON形式のデータを読み込みパースし表示
  

  jQuery の jQuery . ajax( settings ) メソッドを使った Ajax リクエストで、JSON形式のデータを読み込み、パースし、表示する方法。

• jQuery.ajax(settings)で、PHPへデータを渡し、実行結果を取得
  

  jQuery の jQuery . ajax( settings ) メソッドを使った Ajax リクエストで、サーバへデータを送り、レスポンスデータを読み込み、表示する方法。このページのサンプルは、GETメソッドのHTTPリクエストで、PHPファイルへデータを渡し、PHPファイルの実行結果を取得し、表示する。

• jQuery.ajax(settings)で、xml形式のデータを読み込みパースし表示
  

  jQuery の jQuery . ajax( settings ) メソッドを使った Ajax リクエストで、xml形式のデータを読み込み、パースし、表示する方法。

• jQuery.ajax(url[,settings])で、html形式のデータを読み込み表示
  

  jQuery の jQuery . ajax( url [, settings] ) メソッドを使った Ajax リクエストで、html形式のデータを読み込み、表示する方法。

• jQuery.ajax(url[,settings])で、JavaScriptファイルを読み込み、実行
  

  jQuery の jQuery . ajax( url [, settings] ) メソッドを使った Ajax リクエストで、JavaScriptファイルを読み込み、実行する方法。

• jQuery.ajax(url[,settings])で、JSON形式のデータを読み込み、表示
  

  jQuery の jQuery . ajax( url [, settings] ) メソッドを使った Ajax リクエストで、サーバへデータを送り、JSON形式のレスポンスデータを読み込み、表示する方法。このページのサンプルは、GETメソッドのHTTPリクエストで、PHPファイルへデータを渡し、PHPファイルの実行結果を取得し、JSON形式のデータとして処理し、表示する。

• jQuery.ajax(url[,settings])で、JSON形式のデータを読み込みパースし表示
  

  jQuery の jQuery . ajax( url [, settings] ) メソッドを使った Ajax リクエストで、JSON形式のデータを読み込み、パースし、表示する方法。

• jQuery.ajax(url[,settings])で、PHPへデータを渡し、実行結果を取得
  

  jQuery の jQuery . ajax( url [, settings] ) メソッドを使った Ajax リクエストで、サーバへデータを送り、レスポンスデータを読み込み、表示する方法。このページのサンプルは、GETメソッドのHTTPリクエストで、PHPファイルへデータを渡し、PHPファイルの実行結果を取得し、表示する。

• jQuery.ajax(url[,settings])で、xml形式のデータを読み込みパースし表示
  

  jQuery の jQuery . ajax( url [, settings] ) メソッドを使った Ajax リクエストで、xml形式のデータを読み込み、パースし、表示する方法。

• jQuery.get()で、JSON形式のデータを読み込みパースし表示
  

  jQuery の jQuery . get( url [, data] [, success( data, textStatus, jqXHR ) ] [, dataType] ) メソッドを使った Ajax リクエストで、JSON形式のデータを読み込み、パースし、表示する方法。

• jQuery.get()で、PHPへデータを渡し、実行結果を取得
  

  jQuery の jQuery . get( url [, data] [, success( data, textStatus, jqXHR ) ] [, dataType] ) メソッドを使った Ajax リクエストで、サーバへデータを送り、レスポンスデータを読み込み、表示する方法。このページのサンプルは、GETメソッドのHTTPリクエストで、PHPファイルへデータを渡し、PHPファイルの実行結果を取得し、表示する。

• jQuery.get()で、xml形式のデータを読み込みパースし表示
  

  jQuery の jQuery . get( url [, data] [, success( data, textStatus, jqXHR ) ] [, dataType] ) メソッドを使った Ajax リクエストで、xml形式のデータを読み込み、パースし、表示する方法。

• jQuery.getJSON()で、JSON形式のデータを読み込みパースし表示
  

  jQuery の jQuery . getJSON( url [, data] [, success( data, textStatus, jqXHR )] ) メソッドを使った Ajax リクエストで、JSON形式のデータを読み込み、パースし、表示する方法。

• jQuery.getScript()で、JavaScriptファイルを読み込み、実行
  

  jQuery の jQuery . getScript( url [, success( data, textStatus )] ) メソッドを使った Ajax リクエストで、JavaScriptファイルを読み込み、実行する方法。

• jQuery.post()で、JSON形式のデータを読み込みパースし表示
  

  jQuery の jQuery . post( url [, data] [, success( data, textStatus, jqXHR ) ] [, dataType] ) メソッドを使った Ajax リクエストで、JSON形式のデータを読み込み、パースし、表示する方法。

• jQuery.post()で、PHPへデータを渡し、実行結果を取得
  

  jQuery の jQuery . post( url [, data] [, success( data, textStatus, jqXHR ) ] [, dataType] ) メソッドを使った Ajax リクエストで、サーバへデータを送り、レスポンスデータを読み込み、表示する方法。このページのサンプルは、POSTメソッドのHTTPリクエストで、PHPファイルへデータを渡し、PHPファイルの実行結果を取得し、表示する。

• jQuery.post()で、xml形式のデータを読み込みパースし表示
  

  jQuery の jQuery . post( url [, data] [, success( data, textStatus, jqXHR ) ] [, dataType] ) メソッドを使った Ajax リクエストで、xml形式のデータを読み込み、パースし、表示する方法。