博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
玩转web之json(五)---将表单通过serialize()方法获取的值转成json
阅读量:5264 次
发布时间:2019-06-14

本文共 725 字,大约阅读时间需要 2 分钟。

form表单有一个serialize()方法,可以序列化表单的值,但是jquery提供的这个方法会把数据序列化为类似下面的形式: 

a=1&b=2&c=3&d=4

jquery并没有提供将表单数据序列化为json的方法,所以需要我们自己封装一下,下面给出代码和测试样例,先写一个js文件:

$.ajaxSetup({    contentType: "application/x-www-form-urlencoded; charset=utf-8"});var DataDeal = {//将从form中通过$('#form').serialize()获取的值转成json		   formToJson: 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

版权声明:本文为博主原创文章,未经博主允许不得转载。

转载于:https://www.cnblogs.com/dingxiaoyue/p/4931805.html

你可能感兴趣的文章
解决windows系统的oracle数据库不能启动ora-00119和ora-00130的问题
查看>>
ip相关问题解答
查看>>
MetaWeblog API Test
查看>>
反弹SHELL
查看>>
关闭Chrome浏览器的自动更新和升级提示
查看>>
移动、尺寸改变
查看>>
poj2255Tree Recovery【二叉树重构】
查看>>
tcpcopy 流量复制工具
查看>>
vue和react的区别
查看>>
第十一次作业
查看>>
负载均衡策略
查看>>
微信智能开放平台
查看>>
ArcGIS Engine 中的绘制与编辑
查看>>
Oracle--通配符、Escape转义字符、模糊查询语句
查看>>
c# 文件笔记
查看>>
第一页 - 工具的使用(webstorm)
查看>>
Linux 进程资源用量监控和按用户设置进程限制
查看>>
IE浏览器整页截屏程序(二)
查看>>
D3.js 之 d3-shap 简介(转)
查看>>
制作满天星空
查看>>