与jquery serializeArray()一起使用的函数,主要来方便

与jquery serializeArray()一起使用的函数,主要来方便提交表单,需要的朋友可以参考下。

.serializeArray() 序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。(摘自jquery文档)。
有以下一个表单窗口,代码:

复制代码 代码如下:


<form action="" method="post">
<table cellspacing="0" cellpadding="0">
<tr>
<th>姓名:</th>
<td>
<input type="text" />
</td>
<th>联系手机:</th>
<td>
<input type="text" maxlength="11"/>
</td>
</tr>
<tr>
<td colspan="2">
<input type="button" value=" 提 交 "/>
</td>
</tr>
</table>
</form>


JavaScript代码处理表单:

复制代码 代码如下:


<script>
$(function () {
$("#butsubmit").click(function(){
var data = convertArray($("#tf").serializeArray());
$.post(url, data, function (d) {},"json");
});
})
function convertArray(o) { //主要是推荐这个函数。它将jquery系列化后的值转为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>

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdffyf.html