與jquery serializeArray()一起使用的函數(shù)，主要來方便提交表單

更新時間：2011年01月31日 15:07:27 作者：

與jquery serializeArray()一起使用的函數(shù)，主要來方便提交表單，需要的朋友可以參考下。

.serializeArray() 序列化表格元素 (類似 '.serialize()' 方法) 返回 JSON 數(shù)據(jù)結(jié)構(gòu)數(shù)據(jù)。(摘自jquery文檔)。
有以下一個表單窗口，代碼：

 
<form action="" method="post" id="tf"> 
<table width="100%" cellspacing="0" cellpadding="0" border="0"> 
<tr> 
<th>姓名：</th> 
<td> 
<input type="text" id="txtUserName" name="UserName" /> 
</td> 
<th>聯(lián)系手機：</th> 
<td> 
<input type="text" name="Mobile" id="txtMobile" maxlength="11"/> 
</td> 
</tr> 
<tr> 
<td style=" text-align:center;" colspan="2"> 
<input type="button" value=" 提 交 " style="padding-top:3px;" name="butsubmit" id="butsubmit"/> 
</td> 
</tr> 
</table> 
</form> 

JavaScript代碼處理表單：

復(fù)制代碼代碼如下:

 
<script> 
$(function () { 
$("#butsubmit").click(function(){ 
var data = convertArray($("#tf").serializeArray()); 
$.post(url, data, function (d) {},"json"); 
}); 
}) 
function convertArray(o) { //主要是推薦這個函數(shù)。它將jquery系列化后的值轉(zhuǎn)為name:value的形式。 
var v = {}; 
for (var i in o) { 
if (typeof (v[o[i].name]) == 'undefined') v[o[i].name] = o[i].value; 
else v[o[i].name] += "," + o[i].value; 
} 
return v; 
} 
</script> 

您可能感興趣的文章:

相關(guān)文章

基于jquery實現(xiàn)智能提示控件intellSeach.js
這篇文章主要為大家詳細介紹了基于jquery實現(xiàn)智能提示控件intellSeach.js的相關(guān)資料，感興趣的小伙伴們可以參考一下
2016-03-03
一個仿糯米彈框效果demo
這是一個仿糯米彈框效果demo，點擊文字即可彈出歡迎來到糯米網(wǎng)的界面，需要的朋友可以參考下
2014-07-07
Jquery 擴展方法
好久沒有溫習(xí)JS了。最近看到VS2010把Jquery作為JS標準庫納入了Web項目里，再不會用Jquery，真怕自己“OUT”了。
2010-05-05
jquery實現(xiàn)簡單的輪換出現(xiàn)效果實例
這篇文章主要介紹了jquery實現(xiàn)簡單的輪換出現(xiàn)效果,涉及jquery針對圖片樣式切換效果的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-07-07
layui選項卡效果實現(xiàn)代碼
這篇文章主要為大家詳細介紹了layui彈出層效果的實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
jQuery獲取table下某一行某一列的值實現(xiàn)代碼
這篇文章主要介紹了jQuery獲取table下某一行某一列的值實現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下
2017-04-04
jQuery實現(xiàn)網(wǎng)頁頂部固定導(dǎo)航效果代碼
這篇文章主要介紹了jQuery實現(xiàn)網(wǎng)頁頂部固定導(dǎo)航效果代碼,涉及jQuery響應(yīng)scroll事件動態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下
2015-12-12
基于jquery實現(xiàn)無限級樹形菜單
這篇文章主要為大家詳細介紹了基于jquery實現(xiàn)無限級樹形菜單的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-03-03
IE8下jQuery改變png圖片透明度時出現(xiàn)的黑邊
這些天在做一個效果，鼠標經(jīng)過，PNG圖片由透明變成不透明, 但是會出現(xiàn)黑邊，晚上查了好多辦法，分別對IE8設(shè)置過濾器啊等等，都不見效果。最終在熱心網(wǎng)友的幫助下解決了問題，下面我們就來分析下
2015-08-08
基于Jquery代碼實現(xiàn)手風琴菜單
這篇文章主要介紹了基于Jquery代碼實現(xiàn)手風琴菜單，代碼簡單易懂，需要的朋友參考下
2015-11-11