如何在$.ajax 的data里面传json格式数据

Web 开发 > Ajax
收藏 回复
[问题点数：100分，结帖人qinzhenyuqzy]
更多帖子
私信 空间 博客
qinzhenyuqzy
等级
本版专家分：0
结帖率 100%
问题一
jsondata={"Participant":[{"Name_1":"1","Position_1":"1","Tel_1":"1","Mobile_1":"1","Ohter_1":"1"},{"Name_2":"1","Position_2":"1","Tel_2":"2","Mobile_2":"2","Ohter_2":"2"}]} 

$.ajax({
                type: "POST",
                contentType: "application/json;charset=utf-8",
                url: "ApplyEdit.aspx/SaveParticipant",
                data: 这里该怎么写,
                dataType: "json",
                complete: function () { },
                success: function (result) {
                },
                error: function (result, status) { }
            });
谁能告诉我这个  data:这里该如何写，我要把jsondata传到后台去

问题二
平时用的时候我有时候这么写就可以 data:{"name":name,"sex":sex},
有点时候又必须要这样写才行才能传值成功 data:"{\"name\":\""+name+"\",\"sex\":\""+sex+"\"}",
一直不明白为什么，望各位大大帮忙解释下，不胜感激

只看楼主 引用 举报 楼主 收起
展开阅读全文
更多帖子
私信 空间 博客
版主
街头小贩
等级
本版专家分：80091
勋章
Blank
技术圈认证 用户完成年度认证，即可获得
Blank
签到王者 累计签到获取，不积跬步，无以至千里，继续坚持！
Blank
脉脉勋章 绑定脉脉第三方账户获得
Blank
铜牌 2013年8月 总版技术专家分月排行榜第三
data:{"name":name,"sex":sex},
data的值是一个对象

data:"{\"name\":\""+name+"\",\"sex\":\""+sex+"\"}",
data的值是一个字符串
只看TA 引用 举报 #1得分 0
更多帖子
私信 空间 博客
版主
街头小贩
等级
本版专家分：80091
勋章
Blank
技术圈认证 用户完成年度认证，即可获得
Blank
签到王者 累计签到获取，不积跬步，无以至千里，继续坚持！
Blank
脉脉勋章 绑定脉脉第三方账户获得
Blank
铜牌 2013年8月 总版技术专家分月排行榜第三
问题一：都要传进过去吗？还是只传Participant的值
只看TA 引用 举报 #2得分 0
更多帖子
私信 空间 博客
qinzhenyuqzy
等级
本版专家分：0
引用 1 楼 xiaofanku 的回复:
data:{"name":name,"sex":sex},
data的值是一个对象

data:"{\"name\":\""+name+"\",\"sex\":\""+sex+"\"}",
data的值是一个字符串


那具体什么时候应该传一个对象，什么时候应该传一个字符串呢？
只看TA 引用 举报 #3得分 0
更多帖子
私信 空间 博客
qinzhenyuqzy
等级
本版专家分：0
引用 2 楼 xiaofanku 的回复:
问题一：都要传进过去吗？还是只传Participant的值


传Participant的值
只看TA 引用 举报 #4得分 0
更多帖子
私信 空间 博客
版主
没落的网站支付宝加好友偷能量挖
等级
本版专家分：395965
勋章
Blank
探花 2017年 总版技术专家分年内排行榜第三
Blank
进士 2018年总版新获得的技术专家分排名前十
2013年 总版技术专家分年内排行榜第五
Blank
金牌 2018年5月 总版技术专家分月排行榜第一
2018年4月 总版技术专家分月排行榜第一
2018年2月 总版技术专家分月排行榜第一
2017年8月 总版技术专家分月排行榜第一
Blank
优秀版主 2016年10月优秀小版主
2016年8月优秀小版主
2016年7月优秀小版主
优秀小版主
2015年7月优秀小版主
2015年9月优秀小版主
2015年5月优秀小版主
2014年11月论坛优秀版主
将json对象转对对应的json格式的字符串就行了，下载：json2.js导入页面中
<script src="http://www.coding123.net/rardownload/20130106/20130106170832648.js"></script>

<script>

var jsondata={"Participant":[{"Name_1":"1","Position_1":"1","Tel_1":"1","Mobile_1":"1","Ohter_1":"1"},{"Name_2":"1","Position_2":"1","Tel_2":"2","Mobile_2":"2","Ohter_2":"2"}]} 

$.ajax({

                type: "POST",

                contentType: "application/json;charset=utf-8",

                url: "ApplyEdit.aspx/SaveParticipant",

                data: JSON.stringify(jsondata),//////////////////////

                dataType: "json",

                complete: function () { },

                success: function (result) {

                },

                error: function (result, status) { }

            });

</script>



传递json对象jquery会帮你转换为键值对的格式，就是xx=xx&xxxx=xxxxx...

有些时候调用webservice的方法，需要json格式的字符串，所以不能传递json对象，而是json格式的字符串，所以要传递字符串

参考：jQuery调用WebService返回JSON数据
只看TA 引用 举报 #5得分 80
更多帖子
私信 空间 博客
ftiger
等级
本版专家分：8103
勋章
Blank
黄花 2013年5月 Web 开发大版内专家分月排行榜第二
jQuery　没有封装 json对象到json字符串的操作，你要在网上找一个这样的函数，然后

date:{"Participant":转换后的值}

随便找的转换函数，没仔细测试过

var O2String = function (O) {

        //return JSON.stringify(jsonobj);



        var S = [];

        var J = "";

        if (Object.prototype.toString.apply(O) === '[object Array]') {

            for (var i = 0; i < O.length; i++)

                S.push(O2String(O[i]));

            J = '[' + S.join(',') + ']';

        }

        else if (Object.prototype.toString.apply(O) === '[object Date]') {

            J = "new Date(" + O.getTime() + ")";

        }

        else if (Object.prototype.toString.apply(O) === '[object RegExp]' || Object.prototype.toString.apply(O) === '[object Function]') {

            J = O.toString();

        }

        else if (Object.prototype.toString.apply(O) === '[object Object]') {

            for (var i in O) {

                O[i] = typeof (O[i]) == 'string' ? '"' + O[i] + '"' : (typeof (O[i]) === 'object' ? O2String(O[i]) : O[i]);

                S.push(i + ':' + O[i]);

            }

            J = '{' + S.join(',') + '}';

        }



        return J;

	};
只看TA 引用 举报 #6得分 0
更多帖子
私信 空间 博客
版主
街头小贩
等级
本版专家分：80091
勋章
Blank
技术圈认证 用户完成年度认证，即可获得
Blank
签到王者 累计签到获取，不积跬步，无以至千里，继续坚持！
Blank
脉脉勋章 绑定脉脉第三方账户获得
Blank
铜牌 2013年8月 总版技术专家分月排行榜第三 


			var jsondata={"Participant":[{"Name_1":"1","Position_1":"1","Tel_1":"1","Mobile_1":"1","Ohter_1":"1"},{"Name_2":"1","Position_2":"1","Tel_2":"2","Mobile_2":"2","Ohter_2":"2"}]} ;

			var dataString="";

  			for(var i=0; i<jsondata.Participant.length; i++){

    			for(var e in jsondata.Participant[i]){

      				dataString +=  e +"="+ jsondata.Participant[i][e] + "&" ;

    			}

  			}

			$.ajax({

				url: "/first.php",

				type: "GET",

				data: dataString.substring(0,dataString.length-1),

				beforeSend: function(){

					$('#btn').attr({'disabled':'true','value':'send data'});

				},

				success: function(d){

					$('input[name=onC]').val(d);

				}

			});



只看TA 引用 举报 #7得分 0
更多帖子
私信 空间 博客
ftiger
等级
本版专家分：8103
勋章
Blank
黄花 2013年5月 Web 开发大版内专家分月排行榜第二
好吧，小贩思路应当比较正确



	var jsondata={"Participant":[{"Name_1":"1","Position_1":"1","Tel_1":"1","Mobile_1":"1","Ohter_1":"1"},{"Name_2":"1","Position_2":"1","Tel_2":"2","Mobile_2":"2","Ohter_2":"2"}]} ;

	

	var exdata= jQuery.extend({}, jsondata.Participant[0], jsondata.Participant[1]);

	console.log(exdata);

	

	$.ajax({

                url: "/tt.jsp",

                type: "GET",

                data:exdata,

                beforeSend: function(){

                    

                },

                success: function(d){

                   

                }

            });
只看TA 引用 举报 #8得分 20
更多帖子
私信 空间 博客
版主
兔子托尼啊
等级
本版专家分：5800
勋章
Blank
签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
Blank
红花 2016年3月 Java大版内专家分月排行榜第一
2016年2月 Java大版内专家分月排行榜第一
2015年11月 Java大版内专家分月排行榜第一
2015年10月 Java大版内专家分月排行榜第一
2014年8月 Java大版内专家分月排行榜第一
2014年7月 Java大版内专家分月排行榜第一
2014年5月 Java大版内专家分月排行榜第一
Blank
黄花 2016年1月 Java大版内专家分月排行榜第二
2015年12月 Java大版内专家分月排行榜第二
2015年8月 Java大版内专家分月排行榜第二
2015年3月 Java大版内专家分月排行榜第二
2015年1月 Java大版内专家分月排行榜第二
2014年12月 Java大版内专家分月排行榜第二
2014年11月 Java大版内专家分月排行榜第二
2014年6月 Java大版内专家分月排行榜第二
2014年4月 Java大版内专家分月排行榜第二
2014年1月 Java大版内专家分月排行榜第二
2013年11月 Java大版内专家分月排行榜第二
Blank
蓝花 2015年9月 Java大版内专家分月排行榜第三
2015年6月 Java大版内专家分月排行榜第三
2015年5月 Java大版内专家分月排行榜第三
2015年2月 Java大版内专家分月排行榜第三
2014年3月 Java大版内专家分月排行榜第三
2013年12月 Java大版内专家分月排行榜第三
用&符号链接成字符串后台接受方法不错。同意楼上。
只看TA 引用 举报 #9得分 0
私信 空间 博客
txhs
等级
本版专家分：0
可否共享一个工程，学习一下子
只看TA 引用 举报 #10得分 0
1 2
收起
收藏 回复
qinzhenyuqzy

等级：

关注 私信 TA的帖子
如何在$.ajax 的data里面传json格式数据

ajax请求data数据格式（传递json的方式）

ajax有三种传递传递data的方式： json格式 json字符串格式 标准参数模式 1.json格式形如：  {“username”:”chen”,”nickname”:”alien”} $.ajax({ type:"post", url:"/test/saveUser&...

ajax传输json数据格式以及规范

（1）示例：在JsonServlet中的代码：import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet....

extjs ajax方式前后台数据传送(json格式)

extjs用ajax传送数据的方法有post(用普通的表单或用json格式),get(用params). 在回传的时候用json(推荐方法) ,需要注意的是服务器必须要返回json格式,并且必须要设置success的值,当然你不这样也能,但是这种...

jquery $.ajax dataType设置为json后还是无法解析

如图，我在后台传了一个json String到前台，为什么在前台ajax中设置了dataType为json后还是没用，data.success输出为undefined，但是我用eval()方法处理后却可以得到data.success的值![图片说明]...

关于使用ajax的post方法出现data数据不是json的情况

1.添加utf格式，避免未知错误 contentType: "application/json; charset=utf-8", 2.把json对象转为json字符串 data: JSON.stringify({ 名1:值1,名2:值2}),

$.ajax()方法从服务器获取json数据几种方式详解

对$.ajax()方法从服务器获取json数据的几种方式进行详解

springmvc后台如何接收ajax传的json格式的数据，以及json数据采用哪种方式传到后台

我现在遇到一个难题，以前，我用ajax传输数据到后台，后台用springmvc接收，成功了，但是，那个时候，我用的ajax的data部分是{"dcCode":dcCode,"itemNo":itemNo...}，这样，我是一个参数，一个参数输入的，虽然慢，...

前台使用$.ajax()发送json数据，服务器响应后返回json数据实例(struts2+json+action)

最近在做ping++，用到了服务端接收前端的json并且响应后发回json格式数据到前端的功能。现在就把我写的例子贴在这里，供大家参考。 文章转载自第一代码原创文章http://www.diyidaima.com/article/detail/tifoixyb//...

$.ajax返回的JSON格式的数据后无法执行success的解决方法

近段时间做项目，在项目使用了ajax技术，遇到了一个奇怪的问题："$.ajax返回的JSON格式的数据无法执行success"，代码是这样写的： 1 $.ajax({ 2 .. 3 dataType:'json', 4 ... 5 success:function(json...

Jquery ajax 提交 json格式数据

下面的代码演示了如何将客户端表单数据封装成JSON格式，然后通过JQuery的Ajax请求将数据发送到服务端，并最终将数据存储到数据库中。服务端定义为一个.ashx文件，事实上你可以将服务端定义为任何能接...

ajax中JSON.stringify()和JSON.parse()方法的使用

我们平时使用ajax向后台传递数据时，通常会传递json格式的数据（写在dataType中），当然这里还有其它格式，比如xml、html、script、text、 jsonp格式。 json类型的数据包含json对象和json类型的字符串 1、json对象...

Js form表单格式化和ajax data在追加（json合并）

如果js中需要将form表单格式化的话，可以使用serializeObject直接格式化如下：var data = $("#saveForm").serializeObject()如果需要往data里填充额外的值，可以使用$.extend进行添加，如下所示：data: $....

ajax接收json 返回数据在error里面

jsp页面请求:已经成功接收到信息了,但是返回的数据时在error里面.后台也没问题,此方法模拟数据: @RequestMapping(value = "phone/home/find",method=RequestMethod.POST) @ResponseBody public...

JSON.stringify()和ajax传json

一。传json$.ajax({url:“test.do”,dataType:"json"...:'123'}',success:function(data){}})二，传json对象data:JSON.string注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常

Ajax向后台传数据,利用JSON格式(Request payload)和默认格式(formData)的区别

在前台向后台利用Ajax传数据的时候。有formData(ajax默认的)和Request payload还有其他的类型。具体的差别可以去查。大概意思就是一般表单用的就是formData。JSON格式数据是request payload。  二者区别在于...

$.ajax传递json对象到后台

var mall = {  MallID: $("#createId").val().trim(),  MallName: $("#createName").val().trim(),  HomeURL: $("#chomeurl").val().trim(),  Pay

jQuery：AJAX传JSON数据

函数原型：$.ajax({name:value, name:value, … })：默认为异步请求。 $.ajax( { type: "POST"... data: {jsonData: JSON.stringify(getFormData())}, success: function(msg) { ...

AJAX请求传JSON数据

$.ajax({ url:templateRoot+"user//getLogin", contentType: "application/json", ... data:JSON.stringify({"name":name,"pwd":pwd}), dataType:"json", success:function(data){ }

ajax处理返回的json格式数据

//创建ajax引擎 function getXmlHttpObject(){ var xmlHttpRequest; //不同的浏览器获取对象xmlhttprequest 对象方法不一样 if(window.ActiveXObject){ xmlHttpRequest=new Acti

$.ajax返回json数据格式不执行success回调函数

然后用$.ajax加载本地json, datatype返回的格式为text没问题， datatype返回的格式为json即报错 调试看status=200,readystate=4,还是直接跳入error回调 ![图片说明]...

ajax请求数据,返回json数据格式

* ajax请求数据,返回json数据格式 * 参数说明： * url:请求URL,必填; * async:异步请求,默认false; * type：请求模式,默认'post'; * data：请求数据，可空; * key: 获取数据的属性名; * success: 成功回调...

【Chart.js】通过Ajax请求JSON数据来绘制图表

本文将分享如何使用Ajax动态请求JSON数据并且完成图表的绘制。 解决方案 在html页中添加对Chart.js的引用（下载js文件或者添加CDN引用） https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0

ajax请求的data数据格式 json，json字符串，标准参数

今天使用ajax时，发现get传data时，传递json字符串时传不过去参数，所以做了一些实验测试ajax的get和post的传递data时的不同。 二、概念 ajax有三种传递传递data的方式： json格式 json字符串格式 标准参数模式...

Ajax将数据封装为JSON格式数据

* 处理json数据格式的工具类 * */ public class JSONUtil { /** * 将数组转换成String类型的JSON数据格式 * * @param objects * @return */ public static String array2json(Object[] ob

SpringMVC如何接收Ajax请求中被JSON.stringify()的数据

在项目开发过程中，经常使用Ajax来请求和接收数据，通常为了方便，尤其是在数据较多的时候，我们会把Ajax中的data对象封装成json格式便于传输，但是在SpringMVC中却接收不到请求或者接收到的参数是被urlencode编码后...

jQuery中ajax请求数据时候json格式报错

我在用ajax请求数据的时候报错了 报错信息如下： ![图片说明](https://img-ask.csdn.net/upload/201805/18/1526632076_427193.png) 请求的数据一共四个，id title link addtime 百度查了下有人说格式错误，可是我...

Ext.Ajax.request获取后台的数据

尝试用Ext.Ajax异步操作来改变页面回显的值，试了好几次都没成功，终于啊，试出来试出来了，功夫不负有心人。（开心） 具体如下：  js代码： Ext.onReady(function(){ var djzcqh = Ext.getCmp('djzcqh')....

ajax请求之JSON.stringify

问题提出：确保后台程序无问题，通过postman能成功提交表单，但是从前台页面用ajax提交却始终执行error的回调函数，debug一下，发现postman发送请求中携带的数据格式为json，但是debug前台页面发送时时一串的...

EXCEL VBA编程进阶

工作簿：讲了工作簿的表达方式，以及批量操作工作簿的数据。比如合并多工作簿数据。 工作表：讲了工作簿的表达方式，以及批量操作工作表的数据。 单元格：单元格是操作频率高的对象，单元格的表达，通过方法或属性获取等。 数组：为了提高VBA的运算速度，特别讲解了数组。以及他的相关应用 图形：这是精彩的部分。讲了图形的各种批量插入方式。通过坐标自动绘制图形。批量制作员工卡等实例。很多实例在工作上都能用到。 财务,数据分析师,想实现办公自动化的人员

相关热词 c# 字典对象池 c#5.0 安装程序 c# 分页算法 c# 多层文件 c# 判断文件修改时间 c#自定义控件怎么引用 c# 开发流程图 c# 子类构造 c# 编写webapi c# in sql 参数