jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法
更新時(shí)間：2015年12月08日 16:17:56 作者：leejersey
這篇文章主要介紹了jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery使用ajax提交serialize序列化后的表單數(shù)據(jù)的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法。分享給大家供大家參考，具體如下：
jQuery的serialize()方法通過序列化表單值，創(chuàng)建URL編碼文本字符串，我們就可以選擇一個(gè)或多個(gè)表單元素，也可以直接選擇form將其序列化，如：
<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>
<script>
$(document).ready(function(){
console.log($("form").serialize());
// FirstName=Bill&LastName=Gates
});
</script>
這樣，我們就可以把序列化的值傳給ajax()作為url的參數(shù)，輕松使用ajax()提交form表單了，而不需要一個(gè)一個(gè)獲取表單中的值然后傳給ajax()，舉例如下：
$.ajax({
type: 'post',
url: 'your url',
data: $("form").serialize(),
success: function(data) {
// your code
}
});
使用$.post()、$.get()和$.getJSON()也是一樣的：
$.post('your url', $("form").serialize(), function(data) {
// your code
}
});
$.get('your url', $("form").serialize(), function(data) {
// your code
}
});
$.getJSON('your url', $("form").serialize(), function(data) {
// your code
}
});
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
ASP.NET jQuery 實(shí)例17 通過使用jQuery validation插件校驗(yàn)ListBox
這節(jié)介紹jQuery validation插件一個(gè)新的校驗(yàn)規(guī)則屬性rangelength，通過數(shù)組方式賦值2012-02-02
這篇文章主要為大家介紹了jQuery編程動(dòng)畫基本實(shí)現(xiàn)方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
(jQuery,mootools,dojo)使用適合自己的編程別名命名
我們經(jīng)常用一些別名方法來使用自己喜歡的js 庫。學(xué)習(xí)javascript的朋友可以參考下。2010-09-09
jquery學(xué)習(xí)總結(jié)（超級(jí)詳細(xì)）
本文僅針對(duì)jquery的部分知識(shí)點(diǎn)做總結(jié)，更為全面的可以去官網(wǎng)看中文文檔?？梢愿鼮樵敿?xì)的了解jquery及其特性。2014-09-09
getJson在IE下IE下默認(rèn)會(huì)使用瀏覽器緩存，所以導(dǎo)致數(shù)據(jù)不顯示，讓其不要使用緩存便可解決2013-06-06
這篇文章主要分為以下知識(shí)：什么是Callbacks、Callbacks模型、基本模塊實(shí)現(xiàn)、once和auto(memory)、源碼和源碼下載，十分的細(xì)致全面，這里推薦給大家，有需要的小伙伴參考下吧。2015-03-03
jQuery Form插件使用詳解_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了jQuery Form插件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
jQuery EasyUI NumberBox(數(shù)字框)的用法
jQuery EasyUI 數(shù)字框(NumberBox)用法2010-07-07
詳解頁面滾動(dòng)值scrollTop在FireFox與Chrome瀏覽器間的兼容問題
這篇文章主要介紹了詳解頁面滾動(dòng)值scrollTop在FireFox與Chrome瀏覽器間的兼容問題 的相關(guān)資料,需要的朋友可以參考下2015-12-12