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 相关文章推荐
JS面向对象编程 for Cookie
Sep 19 Javascript
JQuery+DIV自定义滚动条样式的具体实现
Jun 25 Javascript
JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
Jul 08 Javascript
js实现日期级联效果
Jan 23 Javascript
jQuery产品间断向下滚动效果核心代码
May 08 Javascript
使用时间戳解决ie缓存的问题
Aug 20 Javascript
每天一篇javascript学习小结(Array数组)
Nov 11 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
Jan 05 Javascript
vue构建单页面应用实战
Apr 10 Javascript
JavaScript 中Date对象的格式化代码方法汇总
Sep 06 Javascript
clipboard.js在移动端复制失败的解决方法
Jun 13 Javascript
jQuery实现评论模块
Aug 19 jQuery
浅谈轻量级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
PHP 一个比较完善的简单文件上传
2010/03/25 PHP
php imagecreatetruecolor 创建高清和透明图片代码小结
2010/05/15 PHP
用php来改写404错误页让你的页面更友好
2013/01/24 PHP
PHP实现的下载远程图片自定义函数分享
2015/01/28 PHP
php实现多维数组中每个单元值(数字)翻倍的方法
2015/02/16 PHP
php计划任务之验证是否有多个进程调用同一个job的方法
2015/12/07 PHP
php图片添加水印例子
2016/07/20 PHP
jquery向.ashx文件post中文乱码问题的解决方法
2011/03/28 Javascript
侧栏跟随滚动的简单实现代码
2013/03/18 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
2016/09/23 Javascript
详解jQuery事件
2017/01/13 Javascript
JS获取子、父、兄节点方法小结
2017/08/14 Javascript
vue二级路由设置方法
2018/02/09 Javascript
微信小程序如何像vue一样在动态绑定类名
2018/04/17 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
2018/07/05 Javascript
JS实现横向轮播图(中级版)
2020/01/18 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
2020/03/17 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
2020/07/28 Javascript
在Python中使用M2Crypto模块实现AES加密的教程
2015/04/08 Python
Python实现批量更换指定目录下文件扩展名的方法
2016/09/19 Python
Python中turtle作图示例
2017/11/15 Python
代码分析Python地图坐标转换
2018/02/08 Python
Django使用HttpResponse返回图片并显示的方法
2018/05/22 Python
Python安装与基本数据类型教程详解
2019/05/29 Python
Matplotlib scatter绘制散点图的方法实现
2020/01/02 Python
Pytorch模型转onnx模型实例
2020/01/15 Python
Python3压缩和解压缩实现代码
2021/03/01 Python
饿了么订餐官网:外卖、网上订餐
2019/06/28 全球购物
戴尔新西兰官网:Dell New Zealand
2020/01/07 全球购物
应届毕业生求职信范例分享
2013/12/17 职场文书
工作表现评语
2014/01/19 职场文书
优秀中学生事迹材料
2014/01/31 职场文书
优质服务活动实施方案
2014/05/02 职场文书
圆明园观后感
2015/06/03 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
深入浅析python3 依赖倒置原则(示例代码)
2021/07/09 Python