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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
javascript prototype 原型链
Mar 12 Javascript
Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
Jul 11 Javascript
IE中JS跳转丢失referrer问题的2个解决方法
Jul 18 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
Mar 13 Javascript
javascript实现将文件保存到本地方法汇总
Jul 26 Javascript
微信js-sdk地理位置接口用法示例
Oct 12 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
Dec 08 Javascript
解决浏览器会自动填充密码的问题
Apr 28 Javascript
通过vue提供的keep-alive减少对服务器的请求次数
Apr 01 Javascript
详解Vue 如何监听Array的变化
Jun 06 Javascript
原生JS实现相邻月份日历
Oct 13 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 数据结构 算法 三元组 Triplet
2011/07/02 PHP
对于ThinkPHP框架早期版本的一个SQL注入漏洞详细分析
2014/07/04 PHP
smarty内置函数config_load用法实例
2015/01/22 PHP
js获取控件位置以及不同浏览器中的差别介绍
2013/08/08 Javascript
js调用图片隐藏&amp;显示实现代码
2013/09/13 Javascript
javascript处理表单示例(javascript提交表单)
2014/04/28 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
原生js和jquery实现图片轮播特效
2015/04/23 Javascript
在JavaScript中使用NaN值的方法
2015/06/05 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
2016/03/14 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
2017/04/10 Javascript
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
Vue 进入/离开动画效果
2017/12/26 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
2019/04/24 Javascript
element-ui和vue表单(对话框)验证提示语(残留)清除操作
2020/09/11 Javascript
js删除指定位置超链接中含有百度与360的标题
2021/01/06 Javascript
Vue看了就会的8个小技巧
2021/01/21 Vue.js
[16:01]夜魇凡尔赛茶话会 第二期01:你比划我猜
2021/03/11 DOTA
python实现2014火车票查询代码分享
2014/01/10 Python
Django静态资源URL STATIC_ROOT的配置方法
2014/11/08 Python
Python中使用items()方法返回字典元素对的教程
2015/05/21 Python
Python编程django实现同一个ip十分钟内只能注册一次
2017/11/03 Python
python3实现爬取淘宝美食代码分享
2018/09/23 Python
python通过TimedRotatingFileHandler按时间切割日志
2019/07/17 Python
Windows10下Tensorflow2.0 安装及环境配置教程(图文)
2019/11/21 Python
使用Pandas将inf, nan转化成特定的值
2019/12/19 Python
python异常处理之try finally不报错的原因
2020/05/18 Python
澳大利亚领先的女性运动服品牌:Lorna Jane
2020/06/19 全球购物
办公室前台岗位职责
2014/01/04 职场文书
初一生物教学反思
2014/01/18 职场文书
测绘专业大学生职业生涯规划书
2014/02/10 职场文书
篮球比赛策划方案
2014/06/05 职场文书
助学贷款贫困证明
2014/09/23 职场文书
2014个人年终工作总结范文
2014/12/15 职场文书
某药房的新员工入职告知书!
2019/07/15 职场文书
教你win10系统中APPCRASH事件问题解决方法
2022/07/15 数码科技