與jquery serializeArray()一起使用的函數(shù),主要來(lái)方便提交表單
更新時(shí)間:2011年01月31日 15:07:27 作者:
與jquery serializeArray()一起使用的函數(shù),主要來(lái)方便提交表單,需要的朋友可以參考下。
.serializeArray() 序列化表格元素 (類似 '.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 右下角滑動(dòng)彈出可關(guān)閉重現(xiàn)層完整代碼
經(jīng)??吹骄W(wǎng)頁(yè)右下角有滑動(dòng)彈出的廣告,這種效果可以使用jQuery彈出層實(shí)現(xiàn)。本實(shí)例使用jQuery實(shí)現(xiàn)右下角滑動(dòng)彈出可關(guān)閉重現(xiàn)層2012-10-10jquery 關(guān)于event.target使用的幾點(diǎn)說(shuō)明介紹
本篇文章介紹了,jquery中關(guān)于event.target使用的幾點(diǎn)說(shuō)明。需要的朋友參考下2013-04-04JQuery 風(fēng)格的HTML文本轉(zhuǎn)義
astinus開發(fā)過(guò)程中,我自己就在不斷的使用。有次貼了一些JS代碼進(jìn)去,于是頁(yè)面顯示錯(cuò)誤。顯然,把源代碼直接放進(jìn)html文本了——好吧,從05年轉(zhuǎn)去做網(wǎng)游以后,一直沒(méi)有正經(jīng)的做過(guò)web了。2009-07-07讓人印象深刻的10個(gè)jQuery手風(fēng)琴效果應(yīng)用
jQuery 是最流行的 JavaScript 開發(fā)框架,它簡(jiǎn)化了 HTML 文檔遍歷,事件處理,動(dòng)畫以及 Ajax 交互,幫助 Web 開發(fā)人員更快速的實(shí)現(xiàn)各種精美的界面效果2012-05-05jquery拖拽排序簡(jiǎn)單實(shí)現(xiàn)方法(效果增強(qiáng)版)
這篇文章主要介紹了jquery拖拽排序簡(jiǎn)單實(shí)現(xiàn)方法,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2016-02-02淺談jQuery中的eq()與DOM中element.[]的區(qū)別
下面小編就為大家?guī)?lái)一篇淺談jQuery中的eq()與DOM中element.[]的區(qū)別。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10JQuery 綁定select標(biāo)簽的onchange事件,彈出選擇的值,并實(shí)現(xiàn)跳轉(zhuǎn)、傳參
JQuery 綁定select標(biāo)簽的onchange事件,彈出選擇的值,并實(shí)現(xiàn)跳轉(zhuǎn)、傳參(selected的值和頁(yè)面其它元素的值)2011-01-01