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 相关文章推荐
(function($){...})(jQuery)的意思
Jul 22 Javascript
在IE浏览器中resize事件执行多次的解决方法
Jul 12 Javascript
js选项卡的实现方法
Feb 09 Javascript
JavaScript取得WEB安全颜色列表的方法
Jul 14 Javascript
实例解析Array和String方法
Dec 14 Javascript
jQuery实现对象转为url参数的方法
Jan 11 Javascript
基于Koa2写个脚手架模拟接口服务的方法
Nov 27 Javascript
使用vue自定义指令开发表单验证插件validate.js
May 23 Javascript
JavaScript之数组扁平化详解
Jun 03 Javascript
ES6顶层对象、global对象实例分析
Jun 14 Javascript
微信小程序基于高德地图查找位置并显示文字
Oct 30 Javascript
JavaScript 接口原理与用法实例详解
May 12 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中使用灵巧的体系结构
2006/10/09 PHP
一些关于PHP的知识
2006/11/17 PHP
PHP中基本符号及使用方法
2010/03/23 PHP
Can't create/write to file 'C:\WINDOWS\TEMP\...MYSQL报错解决方法
2011/06/30 PHP
Sorting Array Values in PHP(数组排序)
2011/09/15 PHP
php 批量添加多行文本框textarea一行一个
2014/06/03 PHP
php实现mysql数据库连接操作及用户管理
2015/11/08 PHP
php中array_unshift()修改数组key注意事项分析
2016/05/16 PHP
动态改变textbox的宽高的js
2006/10/26 Javascript
表头固定(利用jquery实现原理介绍)
2012/11/08 Javascript
JQuery实现动态添加删除评论的方法
2015/05/18 Javascript
jQuery仿gmail实现fixed布局的方法
2015/05/27 Javascript
jQuery简单实现仿京东分类导航层效果
2016/06/07 Javascript
JavaScript浮点数及运算精度调整详解
2016/10/21 Javascript
nodeJS删除文件方法示例
2016/12/25 NodeJs
想用好React的你必须要知道的一些事情
2017/07/24 Javascript
js模块加载方式浅析
2017/08/12 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
2018/09/14 Javascript
如何利用ES6进行Promise封装总结
2019/02/11 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
2019/09/06 Javascript
微信小程序获取当前时间及星期几的实例代码
2020/09/20 Javascript
用python + hadoop streaming 分布式编程(一) -- 原理介绍,样例程序与本地调试
2014/07/14 Python
Python3多进程 multiprocessing 模块实例详解
2018/06/11 Python
django中间键重定向实例方法
2019/11/10 Python
numpy.ndarray 实现对特定行或列取值
2019/12/05 Python
Python面向对象封装操作案例详解 II
2020/01/02 Python
python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例
2020/02/28 Python
优秀教导主任事迹材料
2014/05/09 职场文书
护士实习求职信
2014/06/22 职场文书
2014年调度员工作总结
2014/11/19 职场文书
2015年元旦晚会活动总结(学生会)
2014/11/28 职场文书
电影雷锋观后感
2015/06/10 职场文书
经营场所证明范本
2015/06/19 职场文书
大学生村官工作心得体会
2016/01/23 职场文书
2019脱贫攻坚工作总结报告范本!
2019/08/06 职场文书
go web 预防跨站脚本的实现方式
2021/06/11 Golang