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 相关文章推荐
代码生成器 document.write()
Apr 15 Javascript
兼容多浏览器的字幕特效Marquee的通用js类
Jul 20 Javascript
HTML5附件拖拽上传drop &amp; google.gears实现代码
Apr 28 Javascript
获取offsetTop和offsetLeft值的js代码(兼容)
Apr 16 Javascript
JavaScript的递归之递归与循环示例介绍
Aug 05 Javascript
图片Slider 带左右按钮的js示例
Aug 30 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
Jan 13 Javascript
浅谈document.write()输出样式
May 07 Javascript
深入浅析JavaScript的API设计原则
Jun 14 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
Jul 12 Javascript
基于vue2的table分页组件实现方法
Mar 20 Javascript
js canvas实现星空连线背景特效
Nov 01 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
php split汉字
2009/06/05 PHP
PHP has encountered an Access Violation at 7C94BD02解决方法
2009/08/24 PHP
php5.3 goto函数介绍和示例
2014/03/21 PHP
php rsa 加密,解密,签名,验签详解
2016/12/06 PHP
PHP下载远程图片的几种方法总结
2017/04/07 PHP
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
JavaScript 语言的递归编程
2010/05/18 Javascript
jquery 学习之一 对象访问
2010/11/23 Javascript
Javascript模块化编程(一)模块的写法最佳实践
2013/01/17 Javascript
易操作的jQuery表单提示插件
2015/12/01 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
2016/01/23 Javascript
JavaScript入门系列之知识点总结
2016/03/24 Javascript
JavaScript基础知识点归纳(推荐)
2016/07/09 Javascript
angularjs过滤器--filter与ng-repeat配合有奇效
2017/04/20 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
2017/05/04 jQuery
Vue声明式渲染详解
2017/05/17 Javascript
原生js实现简单的模态框示例
2017/09/08 Javascript
React Native中的RefreshContorl下拉刷新使用
2017/10/09 Javascript
Angularjs 手写日历的实现代码(不用插件)
2017/10/18 Javascript
vue.js编译时给生成的文件增加版本号
2018/09/17 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
[01:44]剑指西雅图 展望TI之CIS战队专访
2014/06/25 DOTA
Python实现获取操作系统版本信息方法
2015/04/08 Python
python使用xlrd实现检索excel中某列含有指定字符串记录的方法
2015/05/09 Python
Python爬取京东的商品分类与链接
2016/08/26 Python
python实现的二叉树定义与遍历算法实例
2017/06/30 Python
简单了解Django模板的使用
2017/12/20 Python
pandas的qcut()方法详解
2019/07/06 Python
python中enumerate() 与zip()函数的使用比较实例分析
2019/09/03 Python
基于python爬取有道翻译过程图解
2020/03/31 Python
结束运行python的方法
2020/06/16 Python
使用Django的JsonResponse返回数据的实现
2021/01/15 Python
静态成员和非静态成员的区别
2012/05/12 面试题
夫妻分居协议书范文
2014/11/26 职场文书
正能量励志演讲稿三分钟(范文)
2019/07/11 职场文书
Eclipse+Java+Swing+Mysql实现电影购票系统(详细代码)
2022/01/18 Java/Android