将JavaScript的jQuery库中表单转化为JSON对象的方法_jquery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了将JavaScript的jQuery库中表单转化为JSON对象的方法_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4190字，纯文字阅读大概需要6分钟。

内容图文

个人感觉这样做有bug。
我的方法是，先用serializeArray序列化为数组，再封装为Json对象。
下面是表单：

下面测试一下：

测试结果：
输入a，b提交，得到序列化结果

上面的插件，不能适用于有多个值的输入控件，例如复选框、多选的select。下面，我将插件做进一步的修改，让其支持多选。代码如下：

这里，我将多选的值封装为一个数值来进行处理。如果大家使用的时候需要将多选的值封装为“,"连接的字符串或者其他形式，请自行修改相应代码。

测试如下：
表单：

< form id = "myForm" action = "#" >
< input name = "name" />
< input name = "age" />
< select multiple = "multiple" name = "interest" size = "2" >
< option value = "interest1" > interest1 </ option >
< option value = "interest2" > interest2 </ option >
< option value = "interest3" > interest3 </ option >
< option value = "interest4" > interest4 </ option >
</ select >
< input type = "checkbox" name = "vehicle" value = "Bike" /> I have a bike
< input type = "checkbox" name = "vehicle" value = "Car" /> I have a car
< input type = "submit" />
</ form >

 

测试结果：

处理序列化时的空格问题

jquery的 serialize()方法，可以对表单项进行序列化，这本来是很方便的一个功能；但是实际使用中有时会出现如下问题：

例如

在执行 serialize()方法后，得到的却是 ddd+567这样的字符串；即jquery的序列化方法对空格进行了转义，转换成了 + 号。

解决方法

由于serialize()方法对真正的“+”号转义的是 ％２Ｂ，所以可以对serialize()后的结果进行符号替换。

例如

内容总结

以上是互联网集市为您收集整理的将JavaScript的jQuery库中表单转化为JSON对象的方法_jquery全部内容，希望文章能够帮你解决将JavaScript的jQuery库中表单转化为JSON对象的方法_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端