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 特殊字符
Apr 05 Javascript
学习面向对象之面向对象的术语
Nov 30 Javascript
javascript完美拖拽的实现方法
Sep 29 Javascript
JS实现的简洁二级导航菜单雏形效果
Oct 13 Javascript
JavaScript保留关键字汇总
Dec 01 Javascript
bootstrap配合Masonry插件实现瀑布式布局
Jan 18 Javascript
canvas实现粒子时钟效果
Feb 06 Javascript
vue2.0 axios前后端数据处理实例代码
Jun 30 Javascript
ES6 迭代器与可迭代对象的实现
Feb 11 Javascript
javascript实现fetch请求返回的统一拦截
Dec 22 Javascript
JavaScript Tab菜单实现过程解析
May 13 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
Jun 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
谈谈新手如何学习PHP
2006/12/23 PHP
谈谈关于php的优点与缺点
2013/04/11 PHP
基于PHP CURL用法的深入分析
2013/06/09 PHP
ie与session丢失(新窗口cookie丢失)实测及解决方案
2013/07/15 PHP
php数组去重实例及分析
2013/11/26 PHP
PHP加密解密类实例代码
2016/07/20 PHP
visual studio code 调试php方法(图文详解)
2017/09/15 PHP
javascript下高性能字符串连接StringBuffer类
2010/08/16 Javascript
jquery实现鼠标悬浮停止轮播特效
2020/08/20 Javascript
JavaScript重载函数实例剖析
2016/05/13 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
2018/03/05 Javascript
微信小程序云开发 生成带参小程序码流程
2019/05/18 Javascript
js中let能否完全替代IIFE
2019/06/15 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
2019/07/29 Javascript
LayUi数据表格自定义赋值方式
2019/10/26 Javascript
微信小程序商品详情页底部弹出框
2019/11/22 Javascript
vue实现购物车选择功能
2020/01/10 Javascript
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
python输出指定月份日历的方法
2015/04/23 Python
python实现闹钟定时播放音乐功能
2018/01/25 Python
Python3数字求和的实例
2019/02/19 Python
CSS3 display知识详解
2015/11/25 HTML / CSS
Sneaker Studio波兰:购买运动鞋
2018/04/28 全球购物
.net软件工程师面试题
2015/03/31 面试题
校园安全演讲稿
2014/05/09 职场文书
教师求职信范文
2014/05/24 职场文书
卫生院健康教育实施方案
2014/06/07 职场文书
目标责任书格式
2014/07/28 职场文书
2015公司年度工作总结
2015/05/14 职场文书
民事撤诉申请书范本
2015/05/18 职场文书
昆虫记读书笔记
2015/06/26 职场文书
党员转正大会主持词
2015/07/02 职场文书
同学会感言
2015/07/30 职场文书
2016年9月份红领巾广播稿
2015/12/21 职场文书
用CSS3画一个爱心
2021/04/27 HTML / CSS
MySQL 开窗函数
2022/02/15 MySQL