jQuery向后台传入json格式数据的方法
更新时间：2015年02月13日 09:03:09 作者：笔心
这篇文章主要介绍了jQuery向后台传入json格式数据的方法,实例分析了传递json格式数据的原理与具体实现技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
这篇文章主要介绍了jquery ajax 请求小技巧,结合实例形式分析了jquery ajax请求操作相关配置与使用技巧,需要的朋友可以参考下2019-11-11
本篇文章给大家分享了20个最常见的jQuery面试问题及答案，对此有需要的朋友可以参考下。2018-05-05
jQuery图片滚动图片的效果(另类实现)，需要的朋友可以参考一下2013-06-06
这篇文章主要介绍了jQuery学习笔记之创建DOM元素的相关资料,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery实现仿美橙互联两级导航菜单效果,以完整实例形式分析了jQuery响应鼠标事件实现针对页面元素的遍历及样式的动态操作技巧,需要的朋友可以参考下2015-09-09
jquery中各个事件执行顺序如下,使用jquery $.ajax的朋友可以参考下。2010-10-10
JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")
JQuery里面的几种选择器 查找满足条件的元素$("#控件ID"),使用jquery的朋友可以参考下。2011-08-08
用jquery实现的图片圆角效果代码。2009-05-05
ajax俗称无刷新登录或局部刷新登录，这样可以提高用户体验了，文章讲到了关于基于jquery ajax用法返回数据与实例2用户无刷新登录2012-04-04
Jquery Easyui进度条组件Progress使用详解（8）
这篇文章主要为大家详细介绍了Jquery Easyui进度条组件Progress的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
最新评论