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 相关文章推荐
Javascript 篱式条件判断
Aug 22 Javascript
JavaScript 小型打飞机游戏实现原理说明
Oct 28 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
Jan 13 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
Apr 01 Javascript
详细分析使用AngularJS编程中提交表单的方式
Jun 19 Javascript
JS显示日历和天气的方法
Mar 01 Javascript
JS数字千分位格式化实现方法总结
Dec 16 Javascript
angular仿支付宝密码框输入效果
Mar 25 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
May 24 Javascript
vue、react等单页面项目应该这样子部署到服务器
Jan 03 Javascript
Vue 技巧之控制父类的 slot
Feb 24 Javascript
如何用JavaScript实现一个数组惰性求值库
May 05 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
支持数组的ADDSLASHES的php函数
2010/02/16 PHP
php 操作符与控制结构
2012/03/07 PHP
php微信开发之带参数二维码的使用
2016/08/03 PHP
php变量与JS变量实现不通过跳转直接交互的方法
2017/08/25 PHP
Laravel使用模型实现like模糊查询的例子
2019/10/24 PHP
Vagrant(WSL)+PHPStorm+Xdebu 断点调试环境搭建
2019/12/13 PHP
javascript学习基础笔记之DOM对象操作
2011/11/03 Javascript
jquery限定文本框只能输入数字即整数和小数
2013/11/29 Javascript
动态加载iframe时get请求传递中文参数乱码解决方法
2014/05/07 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
2014/06/19 Javascript
jQuery实现的向下图文信息滚动效果
2015/05/03 Javascript
javascript实现表格增删改操作实例详解
2015/05/15 Javascript
浅谈Javascript中Object与Function对象
2015/09/26 Javascript
基于jQuery实现的美观星级评论打分组件代码
2015/10/30 Javascript
JS中call/apply、arguments、undefined/null方法详解
2016/02/15 Javascript
纯JS实现轮播图
2017/02/22 Javascript
jQuery控制元素隐藏和显示
2017/03/03 Javascript
vue中将网页打印成pdf实例代码
2017/06/15 Javascript
JavaScript中使用Async实现异步控制
2017/08/15 Javascript
react脚手架如何配置less和ant按需加载的方法步骤
2018/11/28 Javascript
vue操作dom元素的3种方法示例
2020/09/20 Javascript
[04:47]DOTA2-潍坊风行电子俱乐部探秘
2014/08/08 DOTA
[51:00]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
Windows系统下安装Python的SSH模块教程
2015/02/05 Python
wtfPython—Python中一组有趣微妙的代码【收藏】
2018/08/31 Python
浅谈python下tiff图像的读取和保存方法
2018/12/04 Python
利用python提取wav文件的mfcc方法
2019/01/09 Python
基于Python数据结构之递归与回溯搜索
2020/02/26 Python
完美解决python针对hdfs上传和下载的问题
2020/06/05 Python
基于Django集成CAS实现流程详解
2020/11/28 Python
荷兰鞋类购物网站:Donelli
2019/05/24 全球购物
网络编辑求职信
2014/04/30 职场文书
单位单身证明样本
2014/10/11 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书
员工2014年度工作总结
2014/12/09 职场文书
2015年艾滋病防治工作总结
2015/05/22 职场文书