form 表單提交後,使頁面不跳轉
- form 表單提交資料,往往會重新整理頁面,資料提交後會跳轉到其他頁面
- 如果不需要重新整理頁面時,可以通過ifame實現無重新整理。
在form表單下定義一個ifame
將 form 的target
屬性指向 iframe 的name
屬性,這樣就實現了不重新整理頁面的form提交。
示例:
<form action="url" enctype="multipart/form-data" target="frameName"> <input type="file">上傳檔案 <button>提交</button> </form> <iframe src="" frameborder="0" name="frameName"></iframe>
資料提交後,頁面不會重新整理跳轉。對iframe,設定需要的樣式,即可。
相關推薦
form 表單提交後,使頁面不跳轉
form 表單提交資料,往往會重新整理頁面,資料提交後會跳轉到其他頁面 如果不需要重新整理頁面時,可以通過ifame實現無重新整理。 在form表單下定義一個ifame 將 form 的 target 屬性指向 iframe 的 name 屬性,這樣就實現了不
layui form表單提交後,自動重新整理
剛剛使用layui 來做東西,對這一切都不熟悉,使用一下form表單,但是,不能成功的使用。 問題: 提交表單,頁面自動重新整理。 出現這樣的情況呢,搜尋了一下是因為表單的提交按鈕沒有type型別。哪怕是button標籤呢,也不行。我試了一下,使用這種情況的話,主要是
jquery實現form表單提交後區域性重新整理頁面的多種方法
最近做一個小專案,剛好需要用到搜尋功能,實現搜尋框內輸入資料然後按回車或者點選“提交”,然後給後臺資料庫處理並返回資料給前端,在前端區域性更新資料。 比如這樣的:但是遇到了一個小問題,就是form表單下任意輸入框輸入完按回車提交,整個頁面都會重新整理,就算我用ajax從後臺取
layui form表單提交後重新整理頁面
採用layui作為前端框架 js程式碼為 form.on('submit(setmypass)', function(data) { $.ajax({ ...... success:function(){ c
struts2 表單提交後,返回原頁面,儲存表單radio 等標籤的值
在表單提交後,或者驗證失敗後,返回原有頁面時,如何將使用者原來在表單中填寫資料儲存下來呢? 經過研究後,發現有兩種簡便的方法可以解決: 1. 在不使用struts2標籤的情況下,我們用普通的表單元素 。(以radio為例) 方法:我們將struts2 的控制標籤巢狀
Form表單提交後獲取後臺資料,需要jquery-form.js指令碼
<script type="text/javascript" src="js/jquery-form.js"></script> <script type="text/javascript"> $(documen
form表單提交中,確定和取消效果的實現
前端開發中的資料提交,目前大多數採用表單提交的方式,但是對於很對初學者來說,只知道在表單格式中,只有一個<input type="submit">,如果有兩個或者要求有多個提交選擇的時候應該怎麼做呢,其實用js就可以簡單實現: 例如下面的效果: 有一個確定和取消的
form表單提交之後,獲取返回值
有時候 使用form表單提交 不想跳轉頁面。獲取返回值 第一種方式 , 讓form 預設調整當前的iframe 即可 參考: https://www.jianshu.com/p/ccdb9415cd6b 第二種就是 引入 引用jquery-form.js檔案 https://w
form表單提交後不重新整理不跳轉的實現方法
由於製作使用者的註冊介面,發現每當form表單提交後,都會重新整理一下,導致填寫的資料丟失,為了解決這一問題專門,百度了一下。還真找到了一種form表單提交後,不重新整理的方法,先轉過來,以後備用。 程式碼如下: <html> <body>
form表單提交時,action怎麼傳一個或多個引數
<form action="RollBackFormData_updateLook_success_supervision?id=${listy.teacherid }" method="pos
Multipart/form-data POST檔案上傳詳解 理論 簡單的HTTP POST 大家通過HTTP向伺服器傳送POST請求提交資料,都是通過form表單提交的,程式碼如下:
Multipart/form-data POST檔案上傳詳解 理論 簡單的HTTP POST 大家通過HTTP向伺服器傳送POST請求提交資料,都是通過form表單提交的,程式碼如下: <form method="post"action="http://w.soh
HTML5第8次課堂筆記( 模擬form表單提交資料,xml的解析,jQuery的Ajax方法使用, mui的ajax)
HTML5第8次課堂筆記 1. 模擬form表單提交資料:(get方式) <body> <formmethod="get"action="DataTest7"> <inputtype="text"name="uname"valu
form表單提交時,action怎麼帶引數
在提交form表單的時候,action 不填就預設為提交到當前的頁面。今天遇到的當前頁面是已經帶了引數了,比如:www.xxx.com/index.php?id=1,按照action留空的方法來提交,就不能提交到這個帶引數的url了,也不能到把表單中的直拼接在u
html form表單提交後不重新整理不跳轉的實現方法------
如何實現表單提交後不重新重新整理當前頁面<form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'> <input type="button" id="btnSubmit" name="btnSub
form表單提交後彈框提示
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); %> <!DOCTYPE HTML PUBLIC "-/
基於iframe+form偽造ajax提交功能,實現頁面不重新整理提交資料
直接貼程式碼看ajax4程式碼就行: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Ajax請求的幾種方式</title
文件驅動 —— 表單元件(六):基於AntDV的Form表單的封裝,目標還是不寫程式碼
# 開原始碼 [https://github.com/naturefwvue/nf-vue3-ant](https://github.com/naturefwvue/nf-vue3-ant) > 也不知道大家是怎麼寫程式碼的,這裡全當拋磚引玉 # 為何封裝? > AntDV非常強大,效果也非常漂亮,功能強
bootstrap兩種按鈕寫法 button 和 a, 可用於表單提交和a不同按鈕連結跳轉
如果一個頁面有兩個處理按鈕,跳轉不同業務,可以用以下方法 <button type="submit" class="btn btn-primary">修改專案</button> (轉向from提交的地址 <a class="bt
thinkPHP5.0使用form表單提交數據和刪除文章,不用TP的提示頁面,使用彈出提示信息
javascrip splay CA tar typeof box php5 跳轉 sheet form表單提交數據和刪除文章時,TP的默認信息提示頁面的看起來不是很好看,想要實現彈窗提示怎麽做呢? 前端:可以使用前端的一個知識--iframe,iframe元素會創建包含另
Form表單只提交數據,頁面不跳轉,返回表單值
bre ava case java ssr ace 引用 except erl html代碼: <form method="post" action="Handler/UserHandler.ashx?action=Test" onsubmit="return Rut