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

看板Web_Design作者 (smile_ting)時間13年前 (2012/08/10 22:52), 編輯推噓3(303)
留言6則, 4人參與, 最新討論串1/1
我想要的目的大致上就是, 從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

08/10 22:57, , 1F
Ajax
08/10 22:57, 1F

08/10 23:02, , 2F
我目前是透過 jqeury .post方法送出去 但是會直接跳頁
08/10 23:02, 2F
※ 編輯: tao2tw 來自: 119.77.136.156 (08/10 23:05)

08/10 23:03, , 3F
$.ajax + jQuery template可以輕鬆達到你要的目的
08/10 23:03, 3F

08/10 23:05, , 4F
用submit一定會換頁
08/10 23:05, 4F
※ 編輯: tao2tw 來自: 119.77.136.156 (08/10 23:24)

08/10 23:41, , 5F
解決囉,感謝樓上!!
08/10 23:41, 5F

08/10 23:43, , 6F
看過用iframe包的....
08/10 23:43, 6F
文章代碼(AID): #1G9I0TrY (Web_Design)