台灣最大程式設計社群網站
線上人數
1274
 
會員總數:244873
討論主題:188880
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> HTML form Submit 回傳PHP TABLE
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
HTML form Submit 回傳PHP TABLE
價值 : 50 QP  點閱數:1783 回應數:13

樓主

Leo
門外漢
0 20
920 61
發送站內信

請問各位版友

小弟我之前有個HTML表單

是用iframe讓網頁不會跳轉

但我想以改以JQuery的方式進行

因為所要回傳的一個Table

目前我GOOGLE查詢到的基本上都類似是回傳一個Submit成功的訊息

不知該如何撰寫比較好

以下是我的HTML以及PHP

大致上運行的模式是
Query.html下拉選擇查詢條件,點選查詢按鈕 -> 查詢Query.php將查詢結果顯示在Query.html下方
-> 其中Query.php顯示的查詢結果包含Update、Delete按鈕以及Checkbox,讓User勾選後進行Update與Delete動作
其中Update與Delete執行的PHP下方省略


Query.html



Query.php



再勞煩各位指教

謝謝!

搜尋相關Tags的文章: [ html form submit ] , [ JQuey callback ] ,
本篇文章發表於2016-08-16 13:26
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
最有價值解答

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
首先先指明你的一些問題

1.你都已經用jquery了。為何變數不知道用jquery的取值方式呢??


改成

這樣不是更明顯好處理嗎??

2.不要用echo print等去輸出html碼。除非你只是想交作業。
要不然我只要看到這樣的碼。我一定會打槍叫你重寫的。
如果有美工樣版處理的人員,一定會幹死你的。
去了解一下何謂view輸出處理。如果有心當程式員的話,這不管在任何開發軟體都是要學的東西。


在來針對你的問題,你去找找 http://malsup.com/jquery/form/
用這個插件,它是屬於像表單發送但是ajax回傳的模式。
會比你用submit來的好。且也不需要再重新ajax處理。
回傳的值可以是文字、數值、json..也可以直接輸出html。
這個套件研究一下。你的問題就可以處理完成。
本篇文章回覆於2016-08-16 16:19
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

Leo
檢舉此回應
感謝版主的回覆

我GOOGLE了一下還找到版主您早期的文章
http://www.blueshop.com.tw/board/FUM20041006152641OLG/BRD20110919135141OJJ.html

但我還是不甚了解

如果參考版主您的作法

可以怎麼改寫??? 好像跟範例上的作法不盡相同



我不太清楚網站中的ajaxForm與ajaxSubmit的差異

兩個方式都適合我目前的狀況嗎???

問題繁多再請指教

謝謝!
本篇文章回覆於2016-08-16 18:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

Leo
檢舉此回應
我後來再依您提供的參考網站的範例進行修改

但是好像錯在$('#view_form').ajaxForm(options);




本篇文章回覆於2016-08-17 09:14
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
不錯的參考

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
嘛~~~~其實倒是不用麻煩了。給你一個範例吧

則test.php放如下的東西


這樣子大約的情況就行了。ajaxForm只要使用必要的參數就可以了。url會自動抓取你的form內的連結。所以可以不用去設定。
我範例內並沒放上資料。你可以試著放看看
本篇文章回覆於2016-08-17 10:48
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

Leo
檢舉此回應
感謝版主
已經可以成功傳值了!!!

但有個問題想請問版主

我在Query.php裡面有弄個checkbox勾選判別以及datepicker日期的部分



我點按鈕執行Query.php後

第一次可以點text可以正常跳出日期讓我選

但是我再重新查詢一次

就不能正常跳出日期了...

可是checkbox的勾選判別卻正常執行

不知問題出在哪裡@@

再請指教

謝謝!
本篇文章回覆於2016-08-17 17:24
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
這是一種父子樣版的應用。

js的命令是會累加的。
也就是說。當你Query.php內做js的控制命令時。
要特別注意重覆載入。

因為你是用ajax來處理的。所以並不會前命令蓋後命令。還是變成兩個命令。
載入第三次就是3個.....依此類推。

這樣看來。是不是你的js命令媟|一直重覆運行。造成不正常的現象呢?

要防止這樣的情況。最好還是採用主樣式js載入就好。子樣式是不處理js動作。只單純的顯示作用。
jquery有一種東西叫自動載入事件。 你查查 jquery on
這樣當你建立新元件的同時,就會自動幫你建立事件完成。

最後~~~~將jquery學好啦。jquery有keydown事件的建立方式啦
如下面這樣

本篇文章回覆於2016-08-18 09:52
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
作者回應

Leo
檢舉此回應
感謝版主指教

因為js我再前面的頁面就已經引用了

我將Query.php中的js去除掉就正常了!!!


請問版主

以我上面form submit的語法

不能在Chrome正常執行(Chrome點選沒反應)

這部分可以怎麼改善...

Google了許久 我還是修正不過來

不知道真正的問題點是什麼

謝謝!
本篇文章回覆於2016-08-18 10:43
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓
回應

Daimom
捐贈 VP 給 Daimom 檢舉此回應
不能在chrome執行?你要不要先按F12看一下錯在哪?
針對錯誤訊息去找,才比較容易找到答案。
本篇文章回覆於2016-08-18 10:53
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
9樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
這個很難評斷。就如#8跟你說的。
你可以用f12來debug看看

搞不好是因為什麼地方出錯了。造成你無法運行。
不過sumbit是真的直接發送。且回傳的值並無法指向。(是這樣嗎??因為我沒用過也不清楚)
本篇文章回覆於2016-08-18 13:43
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
10樓
作者回應

Leo
檢舉此回應
F12我執行時基本上都開著

但都沒有錯誤訊息出現...

所以也不知到底哪裡出問題



原本以為是按鈕沒有效

我加了一個alert,可以正常跳出

是不是無法執行ajaxForm

可是IE8正常...Chrome就不行了


不知原因為何

再請各位協助

謝謝!
本篇文章回覆於2016-08-18 14:03
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
11樓
作者回應

Leo
檢舉此回應
不知道是不是因為用Load進來的關係???

因為Query.html是由另一張index.html load進來的


點選index.html上方MEUN的連結(e.g. Query.php)

將該連結load到index.html下方

還是找不出原因@@
本篇文章回覆於2016-08-19 08:31
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
12樓
回應

Daimom
捐贈 VP 給 Daimom 檢舉此回應
不然你要考慮用fiddler去找找看輸出的資料了。
看看chrome有沒有送資料到 Query.php
本篇文章回覆於2016-08-22 11:11
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
13樓
作者回應

Leo
檢舉此回應
感謝Daimom的回覆

我已載完fiddler

但我不太清楚該如何觀察

再請各位指教與建議

這個問題我已結案

且跟最初的問題點不太相同

我再另外PO文發問

謝謝!
本篇文章回覆於2016-08-22 17:48
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.