jQuery向后台传入json格式数据的方法


Posted in Javascript onFebruary 13, 2015

本文实例讲述了jQuery向后台传入json格式数据的方法。分享给大家供大家参考。具体分析如下:

前后台数据交互一般都用json格式,后台可以直接将json对应转化为实体对象。方便以后的操作。jQuery向后台传数据的时候,我们会发现他会自动转化成查询字符串,不能真正传入一个json。而且用jquery对表单序列化的时候,返回的格式是一个数组,还需要作进一步转换。其实只要我们在ajax方法中配置一些东西就可以完成。代码如下:

<form id="ff"> 
  <input type="text" name="test1"/> 
  <input type="text" name="test2"/> 
  <input type="text" name="test3"/> 
  <input type="text" name="test4"/> 
  <input type="button" id="save" value="save"/> 
</form> 

$("#save").on("click", function () { 
 var params = $("#ff").serializeArray(); 
 var j = {}; 
 for (var item in params) { 
   j[params[item].name] = params[item].value; 
 } 

 $.ajax({ 
   url:'index.html', 
   data:JSON.stringify(j), 
   type:'post', 
   dataType:'json', 
   headers:{ 
 Accept:"application/json", 
 "Content-Type":"application/json" 
   }, 
   processData:false, 
   cache:false 
 }).done(function (data) { 
 }); 

});

如果在chrome看到如图的显示格式,说明传入到后台的就是json格式

jQuery向后台传入json格式数据的方法

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
Jquery修改页面标题title其它JS失效的解决方法
Oct 31 Javascript
JavaScript基础语法、dom操作树及document对象
Dec 02 Javascript
jQuery实现带滑动条的菜单效果代码
Aug 26 Javascript
node.js cookie-parser 中间件介绍
Jun 06 Javascript
微信小程序开发入门基础教程
Apr 19 Javascript
详解Angular4中路由Router类的跳转navigate
Jun 09 Javascript
js学习总结之dom2级事件基础知识详解
Jul 27 Javascript
JavaScript实现重力下落与弹性效果的方法分析
Dec 20 Javascript
详解JS浏览器事件循环机制
Mar 27 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
Mar 29 Javascript
layui table 获取分页 limit的方法
Sep 20 Javascript
VUE 单页面使用 echart 窗口变化时的用法
Jul 30 Javascript
浅谈轻量级js模板引擎simplite
Feb 13 #Javascript
js实现拖拽效果
Feb 12 #Javascript
jQuery多个input求和的实现方法
Feb 12 #Javascript
JQuery实现防止退格键返回的方法
Feb 12 #Javascript
JavaScript自定义数组排序方法
Feb 12 #Javascript
zepto.js中tap事件阻止冒泡的实现方法
Feb 12 #Javascript
后台获取ZTREE选中节点的方法
Feb 12 #Javascript
You might like
phpmyadmin 3.4 空密码登录的实现方法
2010/05/29 PHP
PHP异常处理浅析
2015/05/12 PHP
详解js异步文件加载器
2016/01/24 PHP
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
2010/11/21 Javascript
JavaScript Date对象 日期获取函数
2010/12/19 Javascript
自己写的Javascript计算时间差函数
2013/10/28 Javascript
document节点对象的获取方式示例介绍
2013/12/24 Javascript
JavaScript判断是否为数字的4种方法及效率比较
2015/04/01 Javascript
jquery中toggle函数交替使用问题
2015/06/22 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
2015/09/26 Javascript
简单介绍jsonp 使用小结
2016/01/27 Javascript
jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载
2016/04/19 Javascript
常用原生JS兼容性写法汇总
2016/04/27 Javascript
Vue中的v-cloak使用解读
2017/03/27 Javascript
详解nodejs微信公众号开发——1.接入微信公众号
2017/04/10 NodeJs
Gulp实现静态网页模块化的方法详解
2018/01/09 Javascript
解决angularjs中同步执行http请求的方法
2018/08/13 Javascript
vue 点击按钮增加一行的方法
2018/09/07 Javascript
三种Webpack打包方式(小结)
2018/09/19 Javascript
微信小程序自定义扫码功能界面的实现代码
2020/07/02 Javascript
根据DataFrame某一列的值来选择具体的某一行方法
2018/07/03 Python
Python+pandas计算数据相关系数的实例
2018/07/03 Python
[原创]Python入门教程2. 字符串基本操作【运算、格式化输出、常用函数】
2018/10/29 Python
Selenium alert 弹窗处理的示例代码
2020/08/06 Python
canvas学习笔记之2d画布基础的实现
2019/02/21 HTML / CSS
HTML5中的autofocus(自动聚焦)属性介绍
2014/04/23 HTML / CSS
维多利亚的秘密阿联酋官网:Victoria’s Secret阿联酋
2019/12/07 全球购物
超市中秋节促销方案
2014/03/21 职场文书
日化店促销方案
2014/03/26 职场文书
德育标兵事迹材料
2014/08/24 职场文书
2014党员批评和自我批评思想汇报
2014/09/21 职场文书
工作作风整顿个人剖析材料
2014/10/11 职场文书
2015中秋节慰问信范文
2015/03/23 职场文书
Spring中的使用@Async异步调用方法
2021/11/01 Java/Android
MySQL限制查询和数据排序介绍
2022/03/25 MySQL
德生2P3收音机开箱评测
2022/04/30 无线电