玩转web之json(五)---将表单通过serialize()方法获取的值转成json
2014-05-02 15:06
375 查看
form表单有一个serialize()方法,可以序列化表单的值,但是jquery提供的这个方法会把数据序列化为类似下面的形式:a=1&b=2&c=3&d=4jquery并没有提供将表单数据序列化为json的方法,所以需要我们自己封装一下,下面给出代码和测试样例,先写一个js文件:
$.ajaxSetup({contentType: "application/x-www-form-urlencoded; charset=utf-8"});var DataDeal = {//将从form中通过$('#form').serialize()获取的值转成jsonformToJson: function (data) {data=data.replace(/&/g,"\",\"");data=data.replace(/=/g,"\":\"");data="{\""+data+"\"}";return data;},};使用方法:先在页面导入上面的js文件,然后
var data=$('#addf').serialize();//获取值data= decodeURIComponent(data,true);//防止中文乱码var json=DataDeal.formToJson(data);//转化为json
相关文章推荐
- 玩转web之json(五)---将表单通过serialize()方法获取的值转成json
- 玩转web之json(五)---将表单通过serialize()方法获取的值转成json
- 玩转web之ajax(一)---使用表单的serialize()方法中文乱码解决
- 玩转web之ajax(一)---使用表单的serialize()方法中文乱码解决
- 玩转web之ajax(一)---使用表单的serialize()方法中文乱码解决
- 玩转web之ajax(一)---使用表单的serialize()方法中文乱码解决
- WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据(转)
- juqery--获取json数据后一次性填充表单数据的方法
- Java Json解析,Java Web Json解析,Java Web服务端获取Json数据,客户端通过HTTP获取Json数据
- 豆瓣API使用介绍及通过ajax跨域获取url的json数据的方法
- 如何将JSON数据通过Get方法获取数据
- jQuery的serialize()方法通过序列化表单值
- 将form表单里的数据封装成对象 json2.js的例子 jquery的serialize方法转换空格为+号的解决方法
- Android通过Get方法获取Json数据
- jQuery通过ajax方法获取json数据不执行success的原因及解决方法
- 手机App通过http协议从web服务器上获取json格式的数据
- 通过html()的方法获取文本内容, form表单组件显示的值与获取到的值不一致的问题
- flask-web开发中获取表单复选框的方法
- 利用jQuery中的serialize方法大量获取页面中表单的数据,发送的服务器
- $.ajax() 方法中对data值进行封装。serializeJson() 可以是form表单,也可以是单个元素对象