1. 程式人生 > >利用jquery.form.js的ajaxSubmit實現不跳轉提交表單資料

利用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