jQuery で from の値を丸ごと取得して submit
以下のHTMLがあった場合。*イベントのトリガーは button です。
html
<form action="/hogehoge.php" method="post">
<input type="hidden" name="id" value="1}" />
<input type="hidden" name="name" value="hoge" />
<!-- submit でなく button です //-->
<input type="button" value="update..." onclick="_submit(this.form);"/>
</form>
button→確認して→送信→リロード
function _submit(frm)
{
if(confirm('送信しますか?')){
// 送信+リロード
$(frm).submit() ;
}
}
button→確認して→パラメーターを丸ごと取得→Ajaxで非同期送信
function _submit(frm)
{
if(confirm('送信しますか?')){
// これでformの値が丸ごと取得できます。
var param = $(frm).serialize() ;
// 送信
$.ajax({
type:'POST', timeout:5000, url:'/hogehoge.php', data: param
});
}
}
image/submit→確認して→送信→リロード
button ではなく submitやimage の場合。
html
<form action="/hogehoge.php" method="post">
<input type="hidden" name="id" value="1}" />
<input type="hidden" name="name" value="hoge" />
<!-- button でなく image です //-->
<input type="image" src="/icon/hogehoge.png" onclick="_submit2(this.form);" />
</form>
event.preventDefault() が必要です。
function _submit2(frm)
{
event.preventDefault(); // submit 無効に
if(confirm('送信しますか?')){
// 送信+リロード
$(frm).submit() ;
}
}
編集する
