• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• JavaScript/とりあえずajaxしてみる へ行く。
  • 1 (2012-11-21 (水) 04:01:06)

関連†

• JavaScript
• jQuery
• ajax

概要†

ajaxの枠組みがないフレームワーク等の環境でとりあえずajaxさせたいときのTips。

• 前提条件が次のような感じだとして
  • ajaxする仕組みが特別ない
  • ページを出力する枠組みしかない
  • jQueryが使える

方法†

var formData = $(フォームのセレクタ).serializeArray();
$.ajax({
	type: 'POST',
	url: 別ページのURL,
	data: formData,
	cache: false,
	success: function(html) {
		var div = $(html).filter(抜き出したい要素のセレクタ);
		// 正常時
		if ($(div).size() > 0) {
			$(入れ込みたい要素のセレクタ).html($(div).html());
		}
		// エラー時（抜き出したい要素が拾えないとき）
		else {
			alert('ダメでした。');
		}
	},
	// エラー時（通信的エラーのとき）
	error: function(XMLHttpRequest, textStatus, errorThrown) {
		alert('ダメでした。');
	}
});

解説†

参考†