【轉】ajax請求data數據格式（傳遞json的方式）

 原文鏈接：https://blog.csdn.net/jaryle/article/details/82937256

 

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