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 相关文章推荐
jquery easyui的tabs使用时的问题
Mar 23 Javascript
js实现一个省市区三级联动选择框代码分享
Mar 06 Javascript
jQuery实现可收缩展开的级联菜单实例代码
Nov 27 Javascript
用JS实现3D球状标签云示例代码
Dec 01 Javascript
javaScript的函数对象的声明详解
Feb 06 Javascript
JavaScript获取网页中第一个图片id的方法
Apr 03 Javascript
JQuery实现简单的图片滑动切换特效
Nov 22 Javascript
JavaScript轮播图简单制作方法
Feb 20 Javascript
Vue和React组件之间的传值方式详解
Jan 31 Javascript
vue项目中使用vue-layer弹框插件的方法
Mar 11 Javascript
详解Vue的mixin策略
Nov 19 Vue.js
javascript中Set、Map、WeakSet、WeakMap区别
Dec 24 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 Embed SAPI实现Opcodes查看器
2015/11/10 PHP
在WordPress中实现发送http请求的相关函数解析
2015/12/29 PHP
理解PHP中的Session及对Session有效期的控制
2016/01/08 PHP
屏蔽PHP默认设置中的Notice警告的方法
2016/05/20 PHP
PHP进阶学习之类的自动加载机制原理分析
2019/06/18 PHP
在TP5数据库中四个字段实现无限分类的示例
2019/10/18 PHP
推荐10个超棒的jQuery工具提示插件
2011/10/11 Javascript
JS实现仿Windows7风格的网页右键菜单效果代码
2015/09/11 Javascript
基于JavaScript实现树形下拉框
2016/08/10 Javascript
微信小程序 跳转传参数与传对象详解及实例代码
2017/03/14 Javascript
vue.js指令v-model使用方法
2017/03/20 Javascript
JavaScript如何一次性展示几万条数据
2017/03/30 Javascript
Angularjs 实现移动端在线测评效果(推荐)
2017/04/05 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
2018/03/05 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
2018/07/03 Javascript
vue项目前端知识点整理【收藏】
2019/05/13 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
vue 子组件和父组件传值的示例
2020/09/11 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
2020/10/30 Javascript
Python单元测试框架unittest使用方法讲解
2015/04/13 Python
Python简单实现Base64编码和解码的方法
2017/04/29 Python
Python元组操作实例分析【创建、赋值、更新、删除等】
2017/07/24 Python
代码分析Python地图坐标转换
2018/02/08 Python
Python中的并发处理之asyncio包使用的详解
2018/04/03 Python
Python HTML解析模块HTMLParser用法分析【爬虫工具】
2019/04/05 Python
Python定时发送天气预报邮件代码实例
2019/09/09 Python
python通过实例讲解反射机制
2019/10/17 Python
numpy中三维数组中加入元素后的位置详解
2019/11/28 Python
使用Python文件读写,自定义分隔符(custom delimiter)
2020/07/05 Python
基于python+selenium自动健康打卡的实现代码
2021/01/13 Python
《青山处处埋忠骨》教学反思
2014/04/22 职场文书
敬老院标语
2014/06/27 职场文书
环保志愿者活动方案
2014/08/14 职场文书
2016年端午节校园广播稿
2015/12/18 职场文书
《西游记》读后感(3篇)
2019/09/20 职场文书
javascript canvas实现雨滴效果
2021/06/09 Javascript