我們在前端開發過程中，會經常把數據提交給后台，其中少不了需要form進行表單提交。但是碰到在form中提交會默認跳轉到接口頁面。
我們新建一個demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form action="http://localhost:8080/user"> 賬號：<input type="text" name="name"> <input type="submit" value="提交"> </form> </body> </html>
上面是一個最簡單的demo,后台接口是自己用node服務器模擬的，會返回
{ code:'1', msg:'提交成功' }
現在我們測試下：
\
發現點擊提交后會自動跳轉到接口地址，這可不是我們想要的結果。解決辦法如下，修改上面的html代碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form action="http://localhost:8080/user" target="stop"> 賬號：<input type="text" name="name"> <input type="submit" value="提交"> </form> <iframe name="stop" style="display:none;"></iframe> </body> </html> 我們建一個隱藏的iframe，增加name屬性，這里用stop為例，然后在form上增加target屬性，值和iframe的name值相等。現在再測試下，發現成功阻止。
作者：YINdevelop
鏈接：https://www.jianshu.com/p/6e1ef82bc616
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。