實現Form表單提交頁面不進行跳轉
在實際開發過程中, 我們會用到html form表單, 簡單類似登入,修改資訊等 , 表單提交後頁面會進行跳轉. 但是在某種情況下,
我們不需要頁面進行跳轉, 並且將資料使用ajax返回到頁面中 . 如果只是按照原來的方法無法實現 , 做起來也會相當複雜. 在這裡跟
大家交流一下jQuery的 ajaxSubmit 來進行表單的提交.
準備工作: 下載 jquery.form.js 檔案( 自行下載 )
js 部分程式碼:
function changePic(){ $('#modify_logo_form').ajaxSubmit( { url : "user/modify_logo", success: function(data) { alert(data); }, }); return false; }
更多方式可以自行了解 : http://malsup.com/jquery/form/#api
相關推薦
實現Form表單提交頁面不進行跳轉
在實際開發過程中, 我們會用到html form表單, 簡單類似登入,修改資訊等 , 表單提交後頁面會進行跳轉. 但是在某種情況下, 我們不需要頁面進行跳轉, 並且將資料使用aja
form表單提交時用JavaScript跳轉,action怎麼帶引數
<script type="text/javascript"> function selflog_show() { var num = document.getElementById("number").value;
html form表單提交action和url跳轉到action有什麼區別.
form表單的action 與url跳轉是不一樣的: form表單可以給後臺傳遞資料,在後臺直接可以用request物件去向前臺請求資料。 form表單傳遞資料有兩種方式: method="post":這是傳遞大量資料時用的,在資料傳遞之前會先將資料打包,因此這種傳遞資料
form表單提交後不重新整理不跳轉的實現方法
由於製作使用者的註冊介面,發現每當form表單提交後,都會重新整理一下,導致填寫的資料丟失,為了解決這一問題專門,百度了一下。還真找到了一種form表單提交後,不重新整理的方法,先轉過來,以後備用。 程式碼如下: <html> <body>
html form表單提交後不重新整理不跳轉的實現方法------
如何實現表單提交後不重新重新整理當前頁面<form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'> <input type="button" id="btnSubmit" name="btnSub
jquery實現form表單提交後區域性重新整理頁面的多種方法
最近做一個小專案,剛好需要用到搜尋功能,實現搜尋框內輸入資料然後按回車或者點選“提交”,然後給後臺資料庫處理並返回資料給前端,在前端區域性更新資料。 比如這樣的:但是遇到了一個小問題,就是form表單下任意輸入框輸入完按回車提交,整個頁面都會重新整理,就算我用ajax從後臺取
iframe標籤實現form表單提交下載檔案
一、表單提交的程式碼常規寫法 <iframe name="testIframeName" style="display:none;"></iframe> <form target="testIframeName" method="post" acti
SSM框架下實現form表單提交的方式
實現form表單的提交有多種方式,這裡我們主要講兩種常用的。 注:此Demo是在SSM框架下完成的,資料庫採用MySQL,關於ssm整合的相關知識,這裡不做過多贅述。主要展示表單提交方式,暫不考慮程式碼健壯性。 一、常見的form表單提交方式  
怎麼實現表單提交後不重新重新整理當前頁面
如何實現表單提交後不重新重新整理當前頁面 <form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'> <input type="button" id="btnS
form表單提交批量上傳檔案,不重新整理不跳轉頁面
jsp: <form action="inImg.do" method="post" enctype="multipart/form-data" target="nm_iframe"> <table> <tr>
js實現表單提交後不重新重新整理當前頁面,並停留在當前頁面
參考文章:http://www.cnblogs.com/limeiky/p/5599705.html 在填寫表單的時候,如果有某項為空或者不合法,在使用者點選提交後,頁面應當無法跳轉並且頁面內容不會重新整理;只有當用戶填寫內容滿足要求後,點選提交按鈕頁面才會跳轉到指定連結處
如果一個button被用於觸發ajax,那就不能再用它進行form表單提交了
form表單提交,和ajax提交不能同時存在,如果這個button被用於觸發ajax,那就不能再用它進行form表單提交了 如果一個頁面裡面,既有ajax傳參,又有表單傳參,那麼,必須設定兩個按
實現ajax提交表單,頁面不跳轉
表單程式碼 <form id="save" class="form-horizontal" role="form" method=
form 表單提交後,使頁面不跳轉
form 表單提交資料,往往會重新整理頁面,資料提交後會跳轉到其他頁面 如果不需要重新整理頁面時,可以通過ifame實現無重新整理。 在form表單下定義一個ifame 將 form 的 target 屬性指向 iframe 的 name 屬性,這樣就實現了不
織夢提交表單不進行跳轉
emp 管理 echo style ech history 文件 進行 跳轉 找的plus文件裏的diy.php 在100行 $bkmsg = ‘發布成功,請等待管理員處理...‘;後面添加echo "<script>alert(‘提交成功!‘); histor
AJAX PHP無刷新form表單提交的簡單實現(推薦)
username mime win root 支持 對象 希望 meta {} 下面小編就為大家帶來一篇AJAX PHP無刷新form表單提交的簡單實現(推薦)。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧 ajax.php <
thinkPHP5.0使用form表單提交數據和刪除文章,不用TP的提示頁面,使用彈出提示信息
javascrip splay CA tar typeof box php5 跳轉 sheet form表單提交數據和刪除文章時,TP的默認信息提示頁面的看起來不是很好看,想要實現彈窗提示怎麽做呢? 前端:可以使用前端的一個知識--iframe,iframe元素會創建包含另
form表單提交方式實現瀏覽器導出Excel
The 下載到本地 ajax請求 形式 html iso ont ear 發現 剛開始使用ajax做Excel導出,發現ajax做不了瀏覽器導出只能下載到本地,於是用form提交可以提供瀏覽器下載Excel。 1>用ajax做本地下載: FileOutputStr
form表單提交中,確定和取消效果的實現
前端開發中的資料提交,目前大多數採用表單提交的方式,但是對於很對初學者來說,只知道在表單格式中,只有一個<input type="submit">,如果有兩個或者要求有多個提交選擇的時候應該怎麼做呢,其實用js就可以簡單實現: 例如下面的效果: 有一個確定和取消的
怎麼讓jsp頁面自己定時點選提交按鈕,完成form表單提交到servlet事件
這個涉及到js的每隔幾秒提交事件 <script type="text/javascript"> function dtime(){ setInterval(sub(), 30000); } function sub(){ document.getEle