介绍 & lt; ! DOCTYPE html>
& lt; html>
& lt;才能head>
,,,& lt; meta charset=皍tf-8",/比;
,,,& lt; title> jquery 形成序列化转换为json对象& lt;/title>
,,,& lt; https://www.yisu.com/zixun/script src="//cdn.bootcss.com/jquery/3.0.0/jquery.min.js "> 头
<身体>
<表单动作=" name=" post_form " id=" post_form ">
姓名:
性别:男女
爱好:籍贯:<选择name="省"> <选项值="上海">上海 <选项值="北京">北京 <选项值="深圳">深圳
这篇文章主要介绍了jQuery如何实现形式表单序列化转换为json对象功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
本文实例讲述了jQuery实现形式表单序列化转换为json对象功能。分享给大家供大家参考,具体如下:
做网站前端开发时,需要ajax提交大量表单数据,如果一个个形式字段拼接很费劲也容易出错,下面方法可解决这个问题
性别:男女
爱好:籍贯:<选择name="省"> <选项值="上海">上海 <选项值="北京">北京 <选项值="深圳">深圳
<按钮id="发送">发送>
<>脚本//jquery形成序列化转换为json对象
(函数(美元){
$ .fn.serializeJson=function () {
var serializeObj={};
var=this.serializeArray数组();
var str=this.serialize ();
$(数组),每人(函数(){
如果(serializeObj [this.name]) {
如果(.isArray美元(serializeObj [this.name])) {
serializeObj [this.name] .push (this.value);
其他}{
serializeObj [this.name]=[serializeObj this.name, this.value);
}
其他}{
serializeObj [this.name]=this.value;
}
});
返回serializeObj;
};
})(jQuery);
$(文档)时函数(){
$(" #发送”).click(函数(){
var post_data=$ (" # post_form”) .serializeJson();//表单序列化
$(" #结果”). html (JSON.stringify (post_data));
})
})>