Ajax を JQueryで
Ajax を Jqury で実装する方法をメモしておきます。
基本的な$.ajax のやつです。
$.ajax は Ajax通信に必要なパラメータをオブジェクトリテラルの形式にして
引数に渡してやるだけで使えます。
こんな感じです。
$.ajax({ url: '[url]', type: '[GET | POST]', dataType: '[json | xml | html など]', data: [送信するデータ(ハッシュ形式)], timeout: [通信タイムアウト時間], success: function(date) { // 成功した時の処理 }, error: function() { // 失敗した時の処理 } });
他にもパラメータはありますが、基本的な部分だけ。
success のコールバック関数の引数は応答データです。
ステータス文字列、XMLHttpRequestオブジェクトも使用できます。
data に渡すデータをハッシュ形式に変換するなどの場合には
serializeArray()メソッドが便利です。
例えばform の内容をハッシュ形式に変換する場合には
下記のようにします。
$('form').serializeArray()
以上です。