JS的Form表单转JSON格式
一、serialize()方法
格式:var data = $("#formID").serialize();
功能:将表单内容序列化成一个字符串。
注意:要使用params = decodeURIComponent(data ,true)进行解码,不然中文数据会乱码。
数据示例:Name=小明&Age=22&Sex=男
后台:获取字符串后,可以到后台进行处理数据。
代码示例:
![](/assets/blank.gif)
$.ajax({url: "ServletSelect?action=ins",type: "post",data: $("form").serialize(),dataType:"json",success: function (data) {alert(data.msg);}})
![](/assets/blank.gif)
二、serializeArray()方法
格式:var strdata = $("#formID").serializeArray();
功能:将表单序列化成一个JSON结构的对象。数组类型。
数据示例:(3)[{name:"Name",value:"小明"},{name:"Age",value:"22"},{name:"Sex",value:"男"}] 获取数据为 data [0].name
通过JSON.stringify()方法,将json数据转成string类型,供后台接收。
转换类型:var str= JSON.stringify(strdata );//转换成string数据
数据示例:”[{name:"Name",value:"小明"},{name:"Age",value:"22"},{name:"Sex",value:"男"}]”
代码示例:
![](/assets/blank.gif)
var arry = $("表单").serializeArray();
$.ajax({url: "/index/index",data: { jsondata: JSON.stringify(arry) },type:"post",success: function () {alert("success");}
})
![](/assets/blank.gif)
三、$.param()方法
格式:$.param(personObj)
功能:可以把json格式数据序列化成字符串形式
代码示例:
var obj={a:1,b:2}
var s=$.param(obj);
会形成a=1&b=2的形式
来源:https://www.cnblogs.com/bushui/p/11731198.html
JS的Form表单转JSON格式相关推荐
- html+form+提交json数据,form表单提交json格式数据
我的实践整理.java 方式一: 发送数据web $(':submit').on('click',function(){ $.ajax({ url:"buy", type:&quo ...
- form表单提交json格式数据
参考自 jQuery实现ajax提交form表单(可以是提交json),用springmvc接收.图文详解 个人实践整理. 方式一: 发送数据 <script type="applic ...
- Form表单序列化Json插件-jquery.serializejson.min.js
Form表单参数序列化成Json对象: 1. 使用serializeJsonObject 2. jquery.serializejson.min.js 1. 使用serializeJsonObject ...
- php表单转json对象,form表单转Json提交的方法(推荐)
form表单转Json提交的方法(推荐) 先将表单数值转换成数组存储,存储成的格式为[{"name":"","value":"&q ...
- js 提交form表单,js更改form表单的action属性
2019独角兽企业重金招聘Python工程师标准>>> js 提交form表单 <s:form id="formID1" action="favo ...
- js实现Form表单submit提交截获数据(各浏览器通用)
js实现Form表单submit提交截获数据(各浏览器通用) js实现Form表单submit提交截获数据(各浏览器通用) No Comments | js , 安全 , PHP | by calms ...
- js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
- 用js将form表单同时提交到两个不同页面的方法
用js将form表单同时提交到两个不同页面的方法: <script type="text/javascript"> function dosubmit(){ windo ...
- html得到上传文件类型后缀,js获取上传文件后缀名(附js提交form表单)
js获取上传文件后缀名(附js提交form表单) 代码如下: function check_file() { var strFileName=form1.FileName.value; if (str ...
最新文章
- Free Download Top 100 Hacking Books
- 自定义 View 功能上线,你的小程序可以更多变
- 天天生鲜的用户登录机制和redis的作用
- 什么是 SAP Spartacus UI 的 code deprecation
- python 封装函数_python:函数数据封装
- 使用webpack、babel、react、antdesign配置单页面应用开发环境
- 侯捷推荐的C++书单
- idea 社区教育版需要安装的插件
- 员工考勤管理系统c语言,员工考勤信息管理小程序,考勤信息管理小程序
- Mac 设置终端命令快捷方式
- 离散元pfc 岩土工程
- matlab 求隐含波动率,Matlab求解資产隐含波动率及无风险利率初探.doc
- zzuli OJ 1011:圆柱体表面积
- Cordys BOP 4.3平台使用小经验—数据库连接管理、导出流程模型为XPDL
- 福特汉姆大学计算机科学专业,Fordham的Computer and Information Science「福特汉姆大学计算机与信息科学系」...
- 程序员上班摸鱼,这么玩才高端!
- Pikachu靶场全关攻略(超详细!)
- YOLOv5和YOLOv7环境(GPU)搭建测试成功
- 如何将SQL查询出的两列合并成一列显示,并用逗号隔开
- 服务器sata硬盘安装系统,#####SATA、RAID、SCSI硬盘用U盘安装原版XP、2003系统######支持服务器硬盘!...