関連†
- 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('ダメでした。');
}
});