以超連結載入ajax方法產生的表單

jqery ajax php

eyefoto 2020-09-21 09:11:09 ‧ 1088 瀏覽

分享至

各位先進好
小弟有個網站專案，我將主頁面index.php的導覽列設計成：按下某個導覽鈕，頁面就透過ajax方法將另一個頁面form.php的表單載入，當我填完資訊送出表單至process.php處理完畢後，請問如何能夠在返回index.php後自動再載入form.php的畫面而不需要再按導覽鈕？
或者有其他想法能實現小弟想要的結果？小弟單純的不想讓index.php內有太多程式碼，所以想把每個導覽列相對應的內容分散到獨立頁面，我的思路可能比較蠢，還望有先進願意不吝指教，感謝～

看更多先前的討論...收起先前的討論...

archer9080 iT邦研究生 4 級 ‧ 2020-09-21 09:21:17 檢舉

不好意思請問一下
也就是說按鈕呼叫A表單，A表單填寫完送出後瀏覽A表單?

eyefoto iT邦新手 5 級 ‧ 2020-09-21 09:29:48 檢舉

A表單送出並被處理完畢後返回index時，能自動再顯示空白的A表單，讓使用者能繼續填下一筆資料，不用再按一次按鈕才顯示空白表單，感謝～

skyksl066 iT邦新手 4 級 ‧ 2020-09-21 09:30:17 檢舉

看不懂不知道怎麼答
在Ajax 產生form 的前面加一個if判斷狀態不就好了？

archer9080 iT邦研究生 4 級 ‧ 2020-09-21 09:34:01 檢舉

>小弟單純的不想讓index.php內有太多程式碼
參考看看
https://www.w3school.com.cn/tiy/t.asp?f=html_frame_navigation
https://ithelp.ithome.com.tw/articles/10224475

>送出並被處理完畢後返回index時，能自動再顯示空白的A表單
直接跳轉回A表單

skyksl066 iT邦新手 4 級 ‧ 2020-09-21 09:38:52 檢舉

網址是iframe
你的意思是index按導覽列的按鈕iframe會載入form?
然後送出form後會自動載入form?

archer9080 iT邦研究生 4 級 ‧ 2020-09-21 09:42:54 檢舉

>小弟單純的不想讓index.php內有太多程式碼，所以想把每個導覽列相對應的內容分散到獨立頁面

依我的理解就是iframe @@

>然後送出form後會自動載入form?
這不就是板主要的嗎
送出並被處理完畢後返回index時，能自動再顯示空白的A表單

skyksl066 iT邦新手 4 級 ‧ 2020-09-21 09:45:03 檢舉

>依我的理解就是iframe @@
有很多解方，這只是一個很簡單的問題，不過不知道版主的架構以及他想要呈現的頁面效果所以不知道怎麼幫忙

咖咖拉 iT邦好手 1 級 ‧ 2020-09-21 09:46:11 檢舉

透過ajax方法將另一個頁面form.php的表單載入
那就在透過ajax方法將參數傳到form.php裡面

archer9080 iT邦研究生 4 級 ‧ 2020-09-21 09:50:51 檢舉

>不過不知道版主的架構以及他想要呈現的頁面效果所以不知道怎麼幫忙
好問題
解方是有多種，我也只是用猜的，請他""參考看看""

eyefoto iT邦新手 5 級 ‧ 2020-09-21 09:59:22 檢舉

哈，看來我的表達能力真的不好，首先感謝各位熱心回覆，老實說我沒想到使用iframe這個標籤，我會試試看，再來是補充一下小弟的問題：
index內有十個導覽按鈕，每個按鈕按下都會載入不同的表單，小弟希望的效果是第一次進入index後，只有導覽列，不要有任何內容，當我按下某個按鈕後再出現相對應的表單讓我填資料，填完資料送出處理完之後，我希望回到index之後還是可以停留在剛剛的form畫面讓我輸入第二筆資料，又當我按了另一個按鈕，這個舊的form畫面就被清空，在縙另一個不同的form...

其實我也還不確定是不是真的需要用AJAX只是想要讓畫面變換不同內容時不要有跳頁的感覺，小弟真的還很弱還在學習，請見諒～

skyksl066 iT邦新手 4 級 ‧ 2020-09-21 10:17:09 檢舉

>eyefoto
建議可以有頁面畫面或是程式碼比較容易理解你需要幫忙的部份

archer9080 iT邦研究生 4 級 ‧ 2020-09-21 10:32:34 檢舉

沒實做過，但用ajax應該也是可以
(1)透過ajax方法將另一個頁面form.php的表單載入
(2)再用ajax送資料至process.php
傳送成功再呼叫第一點(1)的函式執行ajax
有沒有甚麼困難點都是需要實際做過才能知道
我也還是個剛入門的新手，沒太多經驗告訴您會不會成功
可能需要其他大神前來解答XD

froce iT邦大師 1 級 ‧ 2020-09-21 10:55:55 檢舉

建議：
1.都用ajax處理。
2.不要用form...利用js去創建FormData，然後post FormData。
用form去submit通常逃不過reflash頁面的命運，因為form元素內按鈕預設就是submit（當然你可以透過js關掉這行為，但這不如直接處理FormData）。
https://developer.mozilla.org/zh-TW/docs/Web/API/FormData