ajax传数组以及object

最新推荐文章于 2021-08-05 23:43:46 发布

qq_27449993

最新推荐文章于 2021-08-05 23:43:46 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_27449993/article/details/84885894

前端专栏收录该内容

114 篇文章

订阅专栏

本文详细介绍了使用AJAX进行数据传输的两种常见方法：通过数组和对象方式传递数据。展示了如何利用jQuery的$.ajax方法，将表单字段如用户名、密码、电话号码和生日等信息，分别以数组和对象的形式发送到服务器端。这对于理解AJAX工作原理及提高前后端交互效率具有重要指导意义。

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

ajax 传数组：

 var data=new Array();
		data.push({"username":$('#username').val(),});
		data.push({"password":$('#password').val(),});
		data.push({"phone":$('#tel').val(),});
		data.push({"birthday":$('#birthday').val(),});  
		
	$.ajax({
		type:'post',
		dataType:'json',
		contentType:"application/json",
		data:JSON.stringify(data),
		url:'LoginServlet',
		success:function(result,status,xhr){
			debugger
		},
		});

ajax传对象：

var data=new Object();
		data.username=$('#username').val();
		data.password=$('#password').val();
		data.phone=$('#tel').val();
		data.birthday=$('#birthday').val(); 
	$.ajax({
		type:'post',
		dataType:'json',
		data:data,
		url:'LoginServlet',
		success:function(result,status,xhr){
			debugger
		},
		});