ajax 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類型的字符串

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章