與jquery serializeArray()一起使用的函數(shù),主要來(lái)方便提交表單
更新時(shí)間:2011年01月31日 15:07:27 作者:
與jquery serializeArray()一起使用的函數(shù),主要來(lái)方便提交表單,需要的朋友可以參考下。
.serializeArray() 序列化表格元素 (類(lèi)似 '.serialize()' 方法) 返回 JSON 數(shù)據(jù)結(jié)構(gòu)數(shù)據(jù)。(摘自jquery文檔)。
有以下一個(gè)表單窗口,代碼:
<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)系手機(jī):</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代碼處理表單:
<script>
$(function () {
$("#butsubmit").click(function(){
var data = convertArray($("#tf").serializeArray());
$.post(url, data, function (d) {},"json");
});
})
function convertArray(o) { //主要是推薦這個(gè)函數(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>
有以下一個(gè)表單窗口,代碼:
復(fù)制代碼 代碼如下:
<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)系手機(jī):</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) { //主要是推薦這個(gè)函數(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>
您可能感興趣的文章:
- jQuery Form 表單提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的應(yīng)用
- jQuery中serializeArray()與serialize()的區(qū)別實(shí)例分析
- jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法
- JQuery中serialize() 序列化
- JQuery中serialize()用法實(shí)例分析
- JQuery中serialize()、serializeArray()和param()方法示例介紹
- jQuery ajax中使用serialize()方法提交表單數(shù)據(jù)示例
- jQuery ajax serialize()方法的使用以及常見(jiàn)問(wèn)題解決
- jQuery-serialize()輸出序列化form表單值的方法
- jQuery使用serialize()表單序列化時(shí)出現(xiàn)中文亂碼問(wèn)題的解決辦法
相關(guān)文章
基于jquery實(shí)現(xiàn)智能提示控件intellSeach.js
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)智能提示控件intellSeach.js的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-03-03
jquery實(shí)現(xiàn)簡(jiǎn)單的輪換出現(xiàn)效果實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)簡(jiǎn)單的輪換出現(xiàn)效果,涉及jquery針對(duì)圖片樣式切換效果的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
layui選項(xiàng)卡效果實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了layui彈出層效果的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05
jQuery獲取table下某一行某一列的值實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery獲取table下某一行某一列的值實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2017-04-04
jQuery實(shí)現(xiàn)網(wǎng)頁(yè)頂部固定導(dǎo)航效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)網(wǎng)頁(yè)頂部固定導(dǎo)航效果代碼,涉及jQuery響應(yīng)scroll事件動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2015-12-12
基于jquery實(shí)現(xiàn)無(wú)限級(jí)樹(shù)形菜單
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)無(wú)限級(jí)樹(shù)形菜單的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03
IE8下jQuery改變png圖片透明度時(shí)出現(xiàn)的黑邊
這些天在做一個(gè)效果,鼠標(biāo)經(jīng)過(guò),PNG圖片由透明變成不透明, 但是會(huì)出現(xiàn)黑邊,晚上查了好多辦法,分別對(duì)IE8設(shè)置過(guò)濾器啊等等,都不見(jiàn)效果。最終在熱心網(wǎng)友的幫助下解決了問(wèn)題,下面我們就來(lái)分析下2015-08-08
基于Jquery代碼實(shí)現(xiàn)手風(fēng)琴菜單
這篇文章主要介紹了基于Jquery代碼實(shí)現(xiàn)手風(fēng)琴菜單,代碼簡(jiǎn)單易懂,需要的朋友參考下2015-11-11

