「このボタンを押したらPOSTでページ遷移させたい」
そんなときは多々あるわけですが毎回ボタンにformタグを埋め込むのは大変。
jQueryさんにやってもらいましょう。
こんな関数を用意
var postForm = function(url, data) {
var $form = $('<form/>', {'action': url, 'method': 'post'});
for(var key in data) {
$form.append($('<input/>', {'type': 'hidden', 'name': key, 'value': data[key]}));
}
$form.appendTo(document.body);
$form.submit();
};
var $form = $('<form/>', {'action': url, 'method': 'post'});
for(var key in data) {
$form.append($('<input/>', {'type': 'hidden', 'name': key, 'value': data[key]}));
}
$form.appendTo(document.body);
$form.submit();
};
使う時はこんな感じ
var data = {'name': 'あっきぃ', 'text': 'こんにちは!'};
postForm('/comment.php', data);
postForm('/comment.php', data);
これでOK!