异步提交的几种方式以及传值类型（简易测试）

最新推荐文章于 2020-05-24 10:51:32 发布

酒上

最新推荐文章于 2020-05-24 10:51:32 发布

阅读量426

点赞数

分类专栏：学习随记

本文链接：https://blog.youkuaiyun.com/weixin_45189306/article/details/104785381

版权

本文介绍了四种异步提交方法，包括ajax的JS转JSON提交、axios的默认JSON上传、axios.post的JSON数据处理以及批量上传的实现。重点讨论了如何处理不同数据类型，如JS对象和数组，与Java后端的交互，并提到了表单文件提交时可能遇到的IO权限问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一旦看到json字符串里面【】 — js 数组 === java List
一旦看到json字符串里面{} — JS对象 === java对象或HashMap

一、ajax(JS转JSON提交)

function postjson() {
			var name = $('#name').val();
			var money = $('#money').val();
			var hobby = $('#hobby').val();
			//定义一个JS集合放值
			var v = {};		
			v.name = name;
			v.money = money;
			v.hobby = hobby;
			$.ajax({	
				//上传的数据格式必须写
				contentType: 'application/json', 
				//提交方式只能是POST,GET会乱码传不过去
				type: 'POST',
				url: 'http://127.0.0.1:8080/postjson',
				//**将JS对象转为JSON对象**
				data: JSON.stringify(v), 
				success: function(data) {
					console.log(data);
					$("#postjson").html(data.name + data.money + data.hobby);
				},
				error: function() {
					alert("提交失败");
				}
			})
		}

对应的后台（用@RequestBody接收，JSON转换成JAVA对象