Ajax请求传递data数据三种格式：
ajax有三种传递传递data的⽅式：
1、json格式
2、标准参数模式
发送ajax请求的步骤3、json字符串格式
1.json对象格式：
{“username”:”chen”,”nickname”:”alien”}
$.ajax({
type:"post",
url:"/test/saveUser",
data:{"username":"chen","nickname":"alien"},
dataType:"json",        //指定响应的data数据类型为JSON对象。
success: function(data){
console.log(data);
}
});
如：当前的Ajax请求是⼀个POST请求，对请求体中的数据使⽤默认的数据编码，格式如：key1 = value2&key2 = value2 a中的数据变成这样的格式：key1 = value2&key2 = value2 ，包装在Http请求体中传送给后台。
dataType:"json"
dataType:“json” ：⽤来指定服务器返回的data数据类型必须是JSON类型。然后jQuery就会把后端返回的json字符串尝试通过JSON.parse()解析为js对象。
如果不指定dataType，jQuery 将⾃动根据 HTTP 包的 MIME 信息来智能判断，若MIME信息的值为JSON，则jQuery会⾃动的把data数据转换成JS对象的json，
接着Script把data传递给回调函数进⾏JS的脚本操作。
2、标准参数模式
形如：
“username=Liudehua & age=50”
$.ajax({
type:"post",
url:"/test/saveUser",
data:"username=chen&nickname=alien",
dataType:"json",
success: function(data){
console.log(data);
}
});
$(“#form1”).serialize() 就是把表单的数据拼成这个格式（key1 = value2&key2 = value2）的字符串，然后放在Http请求体中传给后台！
3.json字符串 ————>只⽤于post请求
形如：
“{“username”:”chen”,”nickname”:”alien”}”————>JSON对象格式的字符串
或者JSON.stringify({“username”:”chen”,”nickname”:”alien”})————>把JSON对象转成JSON格式的字符串。
$.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请求。
原因：
1、因为此种⽅式发送的请求，后端必须得⽤@RequestBody进⾏接收，且接收的是Http请求体中的数据，Get请求没有请求体。
2、⽽且此⽅式的Ajax 必须要添加 contentType:”json/application”这个字段信息。
注意：
1、
若为GET请求，则会把data的数据附加在 URL 后，
格式如：localhost://findAll ? key1=value1&key2=value2
若为POST请求，则就会把data的数据放在请求体中。
格式如：key1 = value2&key2 = value2
2、dataType：指定服务器端返回的数据类型。
若不指定，且后端返回的是Json，前端就会⾃动识别返回的数据是JSON。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。