ajax請求data資料格式(傳遞json的方式)
阿新 • • 發佈:2018-12-13
ajax有三種傳遞傳遞data的方式:
- json格式
- json字串格式
- 標準引數模式
1.json格式形如: {“username”:”chen”,”nickname”:”alien”}
$.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({
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({
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型別的字串