[問題] 規劃一個網頁多個表單,送出而不換頁方法

[tao2tw (smile_ting)]

我想要的目的大致上就是，
從database 撈出很多筆訂單 -> 每個訂單都包成一個 form (擁有uniq id)
submit之後, 經過jQuery validate plugin , 成功之後 remove那筆訂單,
並且將資料送到後端PHP,將結果 output  在原本網頁。

整個過程不換頁，但是目前的作法並不能達到我目的。
下面兩張圖分別是我的架構，以及想要達到的目的。


煩請給一些建議  或者可以討論一下怎麼樣的作法比較好 感謝！！


https://dl.dropbox.com/u/23461380/QQ%E6%88%AA%E5%9B%BE20120810223724.jpg


https://dl.dropbox.com/u/23461380/QQ%E6%88%AA%E5%9B%BE20120810223946.jpg




[前端.php] => [jQuery validate] => [後端網頁] (整個過程不換頁 始終停留在前端)

[前端php] : 裡面資料會隨著資料庫動態改變 每一列tr 都包著一個form
<table width="800">
<tbody>
<tr>
<form class=myform id=form_13 action="後端.php"><tr id="13"></from>
<form ...><tr id="21"></form>
</tbody>
</table>

[validate js]

 $('.myform').each(function(){

submitHandler: function(form) {
$.post('admin_order_validate.php', $form_obj.serialize(), function(data) {
    $("#results").html(data);
    $("#div_"+sn).remove();
})
.error(function() { alert("error"); });
return false;
}
}




--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 119.77.136.156
→ akiratw:Ajax
→ tao2tw:我目前是透過 jqeury .post方法送出去 但是會直接跳頁
※ 編輯: tao2tw          來自: 119.77.136.156       (08/10 23:05)
推 UniFish:$.ajax + jQuery template可以輕鬆達到你要的目的
推 UniFish:用submit一定會換頁
※ 編輯: tao2tw          來自: 119.77.136.156       (08/10 23:24)
→ tao2tw:解決囉，感謝樓上！！
推 LaPass:看過用iframe包的....