與jquery serializeArray()一起使用的函數(shù),主要來方便提交表單
更新時間:2011年01月31日 15:07:27 作者:
與jquery serializeArray()一起使用的函數(shù),主要來方便提交表單,需要的朋友可以參考下。
.serializeArray() 序列化表格元素 (類似 '.serialize()' 方法) 返回 JSON 數(shù)據(jù)結構數(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代碼處理表單:
<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>
有以下一個表單窗口,代碼:
復制代碼 代碼如下:
<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代碼處理表單:
復制代碼 代碼如下:
<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>
您可能感興趣的文章:
- jQuery Form 表單提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的應用
- jQuery中serializeArray()與serialize()的區(qū)別實例分析
- jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法
- JQuery中serialize() 序列化
- JQuery中serialize()用法實例分析
- JQuery中serialize()、serializeArray()和param()方法示例介紹
- jQuery ajax中使用serialize()方法提交表單數(shù)據(jù)示例
- jQuery ajax serialize()方法的使用以及常見問題解決
- jQuery-serialize()輸出序列化form表單值的方法
- jQuery使用serialize()表單序列化時出現(xiàn)中文亂碼問題的解決辦法
相關文章
jQuery 右下角滑動彈出可關閉重現(xiàn)層完整代碼
經(jīng)??吹骄W(wǎng)頁右下角有滑動彈出的廣告,這種效果可以使用jQuery彈出層實現(xiàn)。本實例使用jQuery實現(xiàn)右下角滑動彈出可關閉重現(xiàn)層2012-10-10jquery 關于event.target使用的幾點說明介紹
本篇文章介紹了,jquery中關于event.target使用的幾點說明。需要的朋友參考下2013-04-04淺談jQuery中的eq()與DOM中element.[]的區(qū)別
下面小編就為大家?guī)硪黄獪\談jQuery中的eq()與DOM中element.[]的區(qū)別。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10JQuery 綁定select標簽的onchange事件,彈出選擇的值,并實現(xiàn)跳轉(zhuǎn)、傳參
JQuery 綁定select標簽的onchange事件,彈出選擇的值,并實現(xiàn)跳轉(zhuǎn)、傳參(selected的值和頁面其它元素的值)2011-01-01