相关文章推荐
鬼畜的钢笔  ·  哲學百科全書- 教育百科| 教育雲線上字典·  1 周前    · 
会开车的匕首  ·  《大闹天宫》问世40年主创人员追忆台前幕后_ ...·  4 月前    · 
逼格高的牛腩  ·  VW Golf GTI ...·  1 年前    · 
微笑的闹钟  ·  IaaS、PaaS和SaaS:云计算的三种服 ...·  1 年前    · 
霸气的手套  ·  《囚徒健身》电子书在线阅读-【美】保罗·威德 ...·  1 年前    · 
小百科  ›  授业你怎么用ajax传数组(也可以可被视为转成json)-腾讯云开发者社区-腾讯云
var ajax data 数组
想出家的芹菜
1 年前
何处锦绣不灰堆
0 篇文章

教你怎么用ajax传数组(也可以是转为json)

前往专栏
腾讯云
开发者社区
文档 意见反馈 控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP 最新优惠活动
返回腾讯云官网
何处锦绣不灰堆
首页
学习
活动
专区
工具
TVP 最新优惠活动
返回腾讯云官网
社区首页 > 专栏 > 农历七月廿一 > 教你怎么用ajax传数组(也可以是转为json)

教你怎么用ajax传数组(也可以是转为json)

作者头像
何处锦绣不灰堆
发布 于 2020-05-29 11:32:45
3.4K 0
发布 于 2020-05-29 11:32:45
举报

我之前写过一个关于ajax的详解,那个是标准的ajax,今天介绍的是怎么用ajax传递数组这样的数据类型呢?很多的时候我们需要给后端的数据不是几个单独的数据,一般见到的代码的是这样的:

data: {
id : id,
name : name,
sex : sex
}

这样的是最常见的一种数据格式,常用的是注册和登录,结合jQuery将用户输入的用户信息取出来,赋值给一个变量,类似于这样的:

var id = $("#id");
var name = $("#name");
var sex = $("#sex");

然后就是之前说的,将数据放到data里面,当然这是最常见的一种传输方式,但是真正的项目中有的时候是多条数据,是我们遍历出来的,然后是数组的格式传递过去的,类似于:

这样的,那么这个时候他们的数据就是这样的:

0:{id: 1, name: "感冒", num: "2"}
1:{id: 2, name: "发烧", num: "4"}
2:{id: 3, name: "头痛", num: "5"}
length:3

那么这个时候,ajax直接写data一个一个的写行不行呢?当然是可以的,但是当你添加一列的时候就会头痛了,数据永远是不对的,所以这个时候就需要这样处理数据:

声明一个数组:

var caseVOS = [];
	/*遍历的取数据·*/
	for( var j=1;j<=i;j++){
		var data={
			name:$("#" + "name" + j).val(),
			num:$("#" + "ls" + j).val()
                caseVOS.push(data);
			      }

如果您不知道里面的i是什么,没关系,是这样的:

if(divListFlg.length<5){
				divListFlg.push(i)
				var divRow ='<div class="row" style="margin-top: 1rem; " id="addrows'+i+'" >' +
					'<div class="col-xs-2" id="addzd'+i+'"> ' +
					'<input type="text" class="form-control" placeholder="诊断名" id="name'+i+'"  style="background:#FFFFFF;">' +
					'</div>' +
					'<div class="col-xs-2" id="addzd'+i+'"> ' +
					'<input type="text" class="form-control" placeholder="例数" id="ls'+i+'"  style="background:#FFFFFF;">' +
					'</div>' +
					'</div>';
				$("#div_add:last").append(divRow);
			}else{
				 layer.msg("一次最多操作五条");
		  	}

其实就是我新加一列的js,我们需要判断的是用户是不是无限增加了,这个是项目的需求,不要纠结。ok回到传递数据的地方,这个时候数据取到了,是数组,怎么给ajax传递过去呢?看代码:

/*这个时候是已经将数据取出来了,但是是需要将数据发送给后端的,所以需要的是写一个ajax*/
			  $.ajax({
				type:"post",
				url:"/user/case/refer",
				data : JSON.stringify(caseVOS),
                                dataType:"json",
				contentType:"application/json",
                                async:false,
				success:function(data){ 
					if(data.code == 200){
						layer.msg('发布成功!', {
		  					}, function(){
		  					//跳转的URL重定向到新的页面,这里是直接跳转到个人中心
		  					window.kk='personal_homepage.html';
					else{
 
推荐文章
鬼畜的钢笔  ·  哲學百科全書- 教育百科| 教育雲線上字典
1 周前
会开车的匕首  ·  《大闹天宫》问世40年主创人员追忆台前幕后_科学探索_科技时代_ ...
4 月前
逼格高的牛腩  ·  VW Golf GTI 运动小钢炮大众只有一款车它就是——
1 年前
微笑的闹钟  ·  IaaS、PaaS和SaaS:云计算的三种服务模式(精讲)
1 年前
霸气的手套  ·  《囚徒健身》电子书在线阅读-【美】保罗·威德-得到APP
1 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
小百科 - 百科知识指南
© 2024 ~ 沪ICP备11025650号