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代码
May 27 Javascript
jquery中邮箱地址 URL网站地址正则验证实例代码
Sep 15 Javascript
关闭页面window.location事件未执行的原因及解决方法
Sep 01 Javascript
js实现图片放大和拖拽特效代码分享
Sep 05 Javascript
深入理解Angular中的依赖注入
Jun 26 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
Aug 23 jQuery
微信小程序之发送短信倒计时功能
Aug 30 Javascript
JS解决position:sticky的兼容性问题的方法
Oct 17 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
Aug 30 Javascript
小程序:授权、登录、session_key、unionId的详解
May 15 Javascript
element-ui 文件上传修改文件名的方法示例
Nov 05 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
Jul 11 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中JSON的使用与转换
2015/01/14 PHP
如何解决PHP使用mysql_query查询超大结果集超内存问题
2016/03/14 PHP
php操作路径的经典方法(必看篇)
2016/10/04 PHP
Javascript 原型和继承(Prototypes and Inheritance)
2009/04/01 Javascript
IE iframe的onload方法分析小结
2010/01/07 Javascript
javascript放大镜效果的简单实现
2013/12/09 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
2016/05/31 Javascript
简单实现的JQuery文本框水印插件
2016/06/14 Javascript
js实现3D图片环展示效果
2017/03/09 Javascript
javascript使用btoa和atob来进行Base64转码和解码
2017/03/20 Javascript
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
2019/03/06 jQuery
python使用mysqldb连接数据库操作方法示例详解
2013/12/03 Python
python3.3教程之模拟百度登陆代码分享
2014/01/16 Python
Python中的元类编程入门指引
2015/04/15 Python
Python实现返回数组中第i小元素的方法示例
2017/12/04 Python
Python实现的redis分布式锁功能示例
2018/05/29 Python
Python 3.8中实现functools.cached_property功能
2019/05/29 Python
Python 实现的 Google 批量翻译功能
2019/08/26 Python
WxPython实现无边框界面
2019/11/18 Python
修改Pandas的行或列的名字(重命名)
2019/12/18 Python
3种python调用其他脚本的方法
2020/01/06 Python
python3下pygame如何实现显示中文
2020/01/11 Python
css3 中translate和transition的使用方法
2020/03/26 HTML / CSS
HTML5制作表格样式
2016/11/15 HTML / CSS
adidas旗下高尔夫装备供应商:TaylorMade Golf(泰勒梅高尔夫)
2016/08/28 全球购物
找到不普通的东西:Bonanza
2016/10/20 全球购物
AE美国鹰日本官方网站: American Eagle Outfitters
2016/12/10 全球购物
彪马英国官网:PUMA英国
2019/02/11 全球购物
加大码胸罩、内裤和服装:Just My Size
2019/03/21 全球购物
美国沙龙美发产品购物网站:Hair.com by L’Oreal
2020/11/09 全球购物
static关键字的用法
2013/10/07 面试题
行政执法队伍作风整顿剖析材料
2014/10/11 职场文书
英文感谢信范文
2015/01/21 职场文书
婚育证明格式
2015/06/17 职场文书
学习雷锋主题班会
2015/08/14 职场文书