利用jquery.form.js的ajaxSubmit實現不跳轉提交表單資料
我們直接通過form提交的話, 提交後當前頁面跳轉到form的action所指向的頁面。然而,很多時候我們比不希望提交表單後頁面跳轉,那麼,我們就可以使用ajaxSubmit(obj)來提交資料
1.
//form表單阻止提交
<form onsubmit="return saveForm()"><form>
function saveForm(){
var validatestatus = $('#myForm').valid();//與validate配合使用,必須先驗證
if(validatestatus){
$('#myForm').ajaxSubmit(function () {
alert("設定儲存成功!");
window.location.href=
});
return false; //阻止表單預設提交
}
2
<form>
標題:<input type="text" name="title" /><br />
內容:<textarea name="content"><textarea/><br />
<button>提交</button>
</form>
$('button' ).on('click', function() {
$('form').on('submit', function() {
var title = $('inpur[name=title]').val(),
content = $('textarea').val();
$(this).ajaxSubmit({
type: 'post', // 提交方式 get/post
url: 'your url', // 需要提交的 url
data: {
'title' : title,
'content': content
},
success: function(data) { // data 儲存提交後返回的資料,一般為 json 資料
// 此處可對 data 作相關處理
alert('提交成功!');
}
$(this).resetForm(); // 提交後重置表單
});
return false; // 阻止表單自動提交事件
});
});
相關推薦
利用jquery.form.js的ajaxSubmit實現不跳轉提交表單資料
我們直接通過form提交的話, 提交後當前頁面跳轉到form的action所指向的頁面。然而,很多時候我們比不希望提交表單後頁面跳轉,那麼,我們就可以使用ajaxSubmit(obj)來提交資料 1. //form表單阻止提交 <form onsubm
利用jquery&iframe標籤實現頁面無跳轉的表單檔案上傳
最近公司專案修改上傳檔案效果,大致效果就是上傳檔案提交時不能進行頁面跳轉,然後最好是沒有提交按鈕,用jquery實現表單的提交。想了想,用ajax好像不太好實現這種效果了,首先是ajax如何把上傳的檔案傳遞給後臺就遇到了瓶頸;其次再是如何配合ajax實現jque
html中提交表單並實現不跳轉頁面處理返回值
html value put 提示 pan sdn type detail all <html> <head> <script type="text/javascript" src="h
HTML的標籤點選實現不跳轉
點選頁面上的空連結,點選後頁面自動重新整理,並會定位到頁面頂端。 不過,有時需要點選#頁面但不作跳轉,可以這樣寫: <a href="#2">指令碼學堂---網站程式設計</a> 在#後加上點別的東西即可,這樣就不會鏈到別的頁面,也不會重新整理定位到頂端了。 附,A標籤
ajax提交表單資料不跳轉
1.onsubmit form表單的onsubmit方法在submit執行之前提交表單 <script type="text/javascript"> function sub() { // jquery 表單提交 $("#formI
【iOS介面處理】使用storyboard實現頁面跳轉,簡單的資料傳遞
http://blog.csdn.net/mad1989/article/details/7919504 由於最近才接觸到IOS,蘋果已經建議storyboard來搭建所有介面了,於是我也追隨時尚,直接開始使用storyboard。(不料在涉及到頁面跳轉
javaweb action無法跳轉、表單無法跳轉的解決方法
action無法跳轉,表單無法跳轉的解決方法 剛在網上搜索了一下,發現我的這篇文章已被非常多人轉載了去其他站點。暗爽,只是還是希望大家註明出處。順便說明一下。下面是在struts2中通過測試的 ac
基於jquery的實現非同步跨域提交表單的實現程式碼,需要的朋友可以參考下。
1.使用post提交方式 2.構造表單的數格式 3.結合form表單的submit呼叫ajax的回撥函式。 使用 jQuery 非同步提交表單程式碼: <html xmlns="http://www.w3.org/1999/xhtml"> <he
a標籤點選跳轉或表單提交前彈出確認框
①在html標籤中出現提示 <a href="http://www.baidu.com" onclick="if(confirm('確認百度嗎?')==false)return false;">百度</a>②在js函式中呼叫 function f
JS采用ActiveXObject實現用戶在提交表單時屏蔽敏感詞的功能
使用 安全 lag this 繼續 file oar dex body 本例中敏感詞ciku.txt放在C盤根目錄下,采用的ActiveXObject插件獲取本地文件內容。使用此插件不需網上下插件,直接用如下js代碼即可。 瀏覽器需修改interner安全選項的級別,啟用A
php實現點擊文字提交表單並傳遞數據至下一個頁面
asc div echo data -- 提交表單 blog 類型 使用 <?php $id="4";//等會要把這個數據傳到第二個頁面 ?> <?php echo "<li>";
使用SpringMVC 實現RESTful,並解決PUT,DELETE請求無法提交表單資料的問題
瞭解RESTful,使用SpringMVC 實現RESTful 關於REST: 1.表述性狀態轉移,是web服務的一種架構風格,是一種思想,而非標準或軟體。 2. 通常基於使用HTTP,URI,XML、JSON、HTML這些現廣泛流行的協議。 3.屬於輕量級(使
提交表單資料或阻止表單資料的提交(使用者輸入的資料不合法)
提交表單資料 單擊submit按鈕按鈕 表單元素使用From物件的submit()方法; (記住form裡面的表單元素有一個form屬性,它指向它所在的form元素, 也就是說在在表單元素的onclick事件裡用this.form.submit(); 即可提交
Angular 開發小妙招1:提交表單資料驗證不通過,更改輸入元件的樣式
開發表單時,客戶端資料完整性校驗是必不可少的,在jquery 時代出現了無數的資料驗證外掛也很好用,開發Angular 應用時,angular 內建了一些常用的資料驗證指令。今天要講的不是這些指令如何使用,今天講什麼呢,今天講一些關於驗證樣式的問題,相關的基礎知識在angular.cn 官方文件中都有介紹,在
Jquery點選按鈕 非同步和同步提交表單
前臺部分程式碼: <form class="addSud" method="post" action=""> <table> <tr> <td class="textRight">姓名</td&
js實現下拉選單提交表單後停留在選中option
<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html
Form提交表單後頁面刷新不跳轉的實現
cti value 提交 頁面刷新 splay pan form提交 屬性。 ram <form action="" id="" method="post" target="nm_iframe"> <input type="text" id="i
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
Python 利用socket 實現 ssh 跳轉
socket python squid 1.場景描述:主機A主機B主機C10.13.170.76172.28.117.156(squid)10.95.113.131 主機A---->主機B(80)--->主機C(22), A通過B的80訪問主機C131 2.Python代碼;im