エンジニアになりたい

立派なエンジニアに憧れるへっぽこエンジニアのメモ書き

Ajax を JQueryで

Ajax を Jqury で実装する方法をメモしておきます。
基本的な$.ajax のやつです。

$.ajaxAjax通信に必要なパラメータをオブジェクトリテラルの形式にして
引数に渡してやるだけで使えます。

こんな感じです。

$.ajax({
	url: '[url]',
	type: '[GET | POST]',
	dataType: '[json | xml | html など]',
	data: [送信するデータ(ハッシュ形式)],
	timeout: [通信タイムアウト時間],
	success: function(date) {
		// 成功した時の処理
	},
	error: function() {
		// 失敗した時の処理
	}
});

他にもパラメータはありますが、基本的な部分だけ。
success のコールバック関数の引数は応答データです。
ステータス文字列、XMLHttpRequestオブジェクトも使用できます。

data に渡すデータをハッシュ形式に変換するなどの場合には
serializeArray()メソッドが便利です。

例えばform の内容をハッシュ形式に変換する場合には
下記のようにします。

$('form').serializeArray()


以上です。