ajax请求的data数据格式

2023-12-08 15:01| 来源: 网络整理| 查看: 265

ajax提交data类型一、问题来源

今天使用ajax时，发现get传data时，传递json字符串时传不过去参数，所以做了一些实验测试ajax的get和post的传递data时的不同。

二、概念

ajax有三种传递传递data的方式：

json格式 json字符串格式标准参数模式

1.json格式

形如： {“username”:”chen”,”nickname”:”alien”}

ajax：

$.ajax({ type:"post", url:"/test/saveUser", data:{"username":"chen","nickname":"alien"}, dataType:"json", success: function(data){ console.log(data); } });

2.json字符串形如： “{“username”:”chen”,”nickname”:”alien”}” 或者JSON.stringify({“username”:”chen”,”nickname”:”alien”})

ajax：

$.ajax({ type:"post", url:"/test/saveUser", data:JSON.stringify({"username":"chen","nickname":"alien"}), contentType:"json/application" dataType:"json", success: function(data){ console.log(data); } });

用此格式get请求参数传递不过去，不会把json串解析成参数而且需要添加 contentType:”json/application”

3.标准参数模式

形如： “username=chen&nickname=alien”

ajax：

$.ajax({ type:"post", url:"/test/saveUser", data:"username=chen&nickname=alien", dataType:"json", success: function(data){ console.log(data); } });

$(“#form1”).serialize() 就是把表单的数据拼成这个格式的字符串！

三、总结

post请求能用1、2、3类型传递参数 get请求能用1、3类型传递参数 $(“#form1”).serialize() 是将对应表单中的input的name和value进行拼装，最后拼成3类型的字符串

【本文地址】

公司简介

联系我们