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 相关文章推荐
快速保存网页中所有图片的方法
Jun 23 Javascript
window.location和document.location的区别分析
Dec 23 Javascript
jQuery Selector选择器小结
May 06 Javascript
js截取函数(indexOf,join等)
Sep 01 Javascript
js中一维数组和二位数组中的几个问题示例说明
Jul 17 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
Apr 26 Javascript
node.js插件nodeclipse安装图文教程
Oct 19 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 Javascript
VUE开发一个图片轮播的组件示例代码
Mar 06 Javascript
关于meta viewport中target-densitydpi属性详解(推荐)
Aug 18 Javascript
javascript获取图片的top N主色值方法详解
Jan 26 Javascript
jquery中为什么能用$操作
Jun 18 jQuery
浅谈轻量级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中使用模板的方法
2008/05/24 PHP
php function用法如何递归及return和echo区别
2014/03/07 PHP
PHP读取文件内容的五种方式
2015/12/28 PHP
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
javascript的push使用指南
2014/12/05 Javascript
HTML5之WebSocket入门3 -通信模型socket.io
2015/08/21 Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
2015/12/13 Javascript
实例详解jQuery Mockjax 插件模拟 Ajax 请求
2016/01/12 Javascript
实现高性能JavaScript之执行与加载
2016/01/30 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
2016/05/10 Javascript
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
2016/06/07 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
2017/11/20 Javascript
基于vue2.x的电商图片放大镜插件的使用
2018/01/22 Javascript
使用D3.js+Vue实现一个简单的柱形图
2018/08/05 Javascript
arctext.js实现文字平滑弯曲弧形效果的插件
2019/05/13 Javascript
layui表格内放置图片,并点击放大的实例
2019/09/10 Javascript
JS实现鼠标移动拖尾
2020/12/27 Javascript
Python深入学习之闭包
2014/08/31 Python
跟老齐学Python之一个免费的实验室
2014/09/14 Python
wxPython学习之主框架实例
2014/09/28 Python
简介Django中内置的一些中间件
2015/07/24 Python
python3音乐播放器简单实现代码
2020/04/20 Python
python实现图像识别功能
2018/01/29 Python
Python文本处理之按行处理大文件的方法
2018/04/09 Python
详谈套接字中SO_REUSEPORT和SO_REUSEADDR的区别
2018/04/28 Python
Python基础学习之基本数据结构详解【数字、字符串、列表、元组、集合、字典】
2019/06/18 Python
PyQt5+Pycharm安装和配置图文教程详解
2020/03/24 Python
用CSS3将你的设计带入下个高度
2009/08/08 HTML / CSS
使用html2canvas.js实现页面截图并显示或上传的示例代码
2018/12/18 HTML / CSS
文明寄语大全
2014/04/11 职场文书
个性车贴标语
2014/06/24 职场文书
篮球兴趣小组活动总结
2014/07/07 职场文书
社保委托书怎么写
2014/08/02 职场文书
2014年军人思想汇报范文
2014/10/12 职场文书
Python爬虫入门案例之爬取去哪儿旅游景点攻略以及可视化分析
2021/10/16 Python
win server2012 r2服务器共享文件夹如何设置
2022/06/21 Servers