jQuery で from の値を丸ごと取得して submit

###memo
以下のHTMLがあった場合。*イベントのトリガーは button です。

### source
(html)
<form action="/hogehoge.php" method="post">
<input type="hidden" name="id" value="1}" />
<input type="hidden" name="name" value="hoge" />

<input type="button" value="update..." onclick="_submit(this.form);"/>
</form>

### title2
button→確認して→送信→リロード

### source
function _submit(frm)
{
    if(confirm('送信しますか?')){
		// 送信+リロード
		$(frm).submit() ;
    }
}

### title2
button→確認して→パラメーターを丸ごと取得→Ajaxで非同期送信
### source
function _submit(frm)
{
    if(confirm('送信しますか?')){
		// これでformの値が丸ごと取得できます。
		var param = $(frm).serialize() ;
		// 送信
		$.ajax({
			type:'POST', timeout:5000, url:'/hogehoge.php', data: param
		});
    }
}

### title2
image/submit→確認して→送信→リロード
###memo
button ではなく submitやimage の場合。
### source
(html)
<form action="/hogehoge.php" method="post">
<input type="hidden" name="id" value="1}" />
<input type="hidden" name="name" value="hoge" />

<input type="image" src="/icon/hogehoge.png" onclick="_submit2(this.form);" />
</form>

###

event.preventDefault() が必要です。
### source
function _submit2(frm)
{
	
	event.preventDefault(); // submit 無効に
    if(confirm('送信しますか?')){
		// 送信+リロード
		$(frm).submit() ;
	}
}

wakatta 記法

このコンテンツを見る