把表单数据封装成json格式 插件可用
2015-07-02 09:17
573 查看
来源:https://github.com/macek/jquery-serialize-object
请看 文件里面的jquery-serialize-object-master.zip
有一个文件:jquery.serialize-object.js , 是用来 把表单 数据 进行JSON 格式。
用法:
请看 文件里面的jquery-serialize-object-master.zip
有一个文件:jquery.serialize-object.js , 是用来 把表单 数据 进行JSON 格式。
用法:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="js/jquery.serialize-object.js"></script> <body> <form id="contact"> <input name="user[email]" value="jsmith@example.com"> <input name="user[pets][]" type="checkbox" value="cat" checked> <input name="user[pets][]" type="checkbox" value="dog" checked> <input name="user[pets][]" type="checkbox" value="bird"> <input type="submit"> </form> </body> </html> <script type="text/javascript"> var o= $('form#contact').serializeJSON(); console.log(o) //{"user":{"email":"jsmith@example.com","pets":["cat","dog"]}} </script>
相关文章推荐
- HTML5的自定义属性data-*详细介绍和JS操作实例
- json转换之Gson
- JavaScriptSerializer
- [CodeWars][JS]实现链式加法
- JS中windows对象方法
- ajaxfileupload.js 实现异步上传图片
- JSP基础实例_登录页面的制作_学习笔记
- JavaScript实现广告的关闭与显示效果实例
- JavaScript获取并更改input标签name属性的方法
- javascript获取select值的方法分析
- JavaScript实现动态添加,删除行的方法实例详解
- JS验证IP,子网掩码,网关和MAC的方法
- JavaScript实现单击下拉框选择直接跳转页面的方法
- JavaScript实现添加、查找、删除元素
- javascript实现简单的进度条
- JS实现从连接中获取youtube的key实例
- js跨域请求的5中解决方式
- JavaScript获得url查询参数的方法
- 浅谈Javascript线程及定时机制
- JavaScript实现点击自动选择TextArea文本的方法