各位前輩安安
我已經找到一個stack overflow的解答 我是採取第一個做法
其解答連結如下
https://stackoverflow.com/questions/5733808/submit-form-and-stay-on-same-page
我已經照做了 結果送出表單之後大概頓了五秒
之後網頁還是跳轉了...........
document.querySelector("練習網頁的表單位置").target='frame'
g=document.createElement('iframe', {'name':'hiddenone'})
g.className='hiddenone'
g.name='frame'
document.querySelector("送出按鈕的位置").setAttribute("value","save")
用了這個是有停留幾秒 但我還是想要送出資料但讓網頁停止 不要跳轉
若是持續用iframe的方法要怎麼修正呢
已邀請的邦友 {{ invite_list.length }}/5
你選的方法是可行的，結果錯誤一定是程式有錯，我複製那個範例作法沒有遇到問題
從你提供的資訊判斷可能是你新建的 iframe 沒有放到頁面上
試看看在你貼上來的程式碼最後面加一行
document.body.appendChild(g);
這個方法的原理很單純就是把 form 結果送出去之後把回傳的資訊在你指定的 iframe 裡面開啟
再用 css 把 iframe 藏起來而已
不知道你是什麼原因想用這種作法，但這種方式你要處理回傳的資訊會很冗長
建議還是去學 AJAX
如果不要跳轉，就不能使用表單傳送資料，應該透過 AJAX 傳送：
XMLHttpRequest
Fetch
iThome鐵人賽
看影片追技術