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 相关文章推荐
北京奥运官方网站幻灯切换效果flash版打包下载
Jan 30 Javascript
javascript 得到变量类型的函数
May 19 Javascript
javascript动态向网页中添加表格实现代码
Feb 19 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
Feb 17 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
Dec 30 Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
May 22 Javascript
js编写选项卡效果
May 23 Javascript
详解React 16 中的异常处理
Jul 28 Javascript
jQuery Position方法使用和兼容性
Aug 23 jQuery
小程序视频或音频自定义可拖拽进度条的示例代码
Sep 30 Javascript
Vue-cli4 配置 element-ui 按需引入操作
Sep 11 Javascript
js中Object.create实例用法详解
Oct 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使用pack处理二进制文件的方法
2014/07/03 PHP
详解PHP中的PDO类
2015/07/06 PHP
PHP xpath()函数讲解
2019/02/11 PHP
一些经常会用到的Javascript检测函数
2010/05/31 Javascript
从零开始学习jQuery (三) 管理jQuery包装集
2011/02/23 Javascript
Jquery 绑定时间实现代码
2011/05/03 Javascript
js动态给table添加/删除tr的方法
2013/08/02 Javascript
Bootstrap实现响应式导航栏效果
2015/12/28 Javascript
Javascript的表单验证-初识正则表达式
2016/03/18 Javascript
浅谈时钟的生成(js手写简洁代码)
2016/08/20 Javascript
HTML5 js实现拖拉上传文件功能
2020/11/20 Javascript
动手写一个angular版本的Message组件的方法
2017/12/16 Javascript
24个解决实际问题的ES6代码片段(小结)
2020/02/02 Javascript
微信小程序去除左上角返回键的实现方法
2020/03/06 Javascript
[00:27]DOTA2战队VP、Secret贺新春
2018/02/11 DOTA
python pickle 和 shelve模块的用法
2013/09/16 Python
Python中使用 Selenium 实现网页截图实例
2014/07/18 Python
python通过zlib实现压缩与解压字符串的方法
2014/11/19 Python
Python标准库os.path包、glob包使用实例
2014/11/25 Python
Python解决鸡兔同笼问题的方法
2014/12/20 Python
由Python运算π的值深入Python中科学计算的实现
2015/04/17 Python
Python素数检测实例分析
2015/06/15 Python
一个简单的python爬虫程序 爬取豆瓣热度Top100以内的电影信息
2018/04/17 Python
python通过http下载文件的方法详解
2019/07/26 Python
使用python模拟高斯分布例子
2019/12/09 Python
windows10环境下用anaconda和VScode配置的图文教程
2020/03/30 Python
Python调用接口合并Excel表代码实例
2020/03/31 Python
keras的三种模型实现与区别说明
2020/07/03 Python
旅游专业职业生涯规划范文
2014/01/13 职场文书
军训感想500字
2014/02/20 职场文书
农村结婚典礼司仪主持词
2014/03/14 职场文书
护理人员的自我评价分享
2014/03/15 职场文书
教师个人自我评价范文
2014/04/13 职场文书
公司行政助理岗位职责
2015/04/11 职场文书
2016年寒假学习心得体会
2015/10/09 职场文书
golang fmt格式“占位符”的实例用法详解
2021/07/04 Golang