AJAX 的 ajax中設定contentType: "application/json"的作用
最近在做項目互動的時候,剛開始向背景傳遞資料傳回 415 ,後來百度添加了 contentType:“application/json“ 之後傳回400,然後把傳輸的資料格式改為json字元串就傳輸成功了,現在我們來看看 contentType:“application/json“的作用:
添加 contentType:“application/json“之後,向背景發送資料的格式必須為json字元串
$.ajax({
type: "post",
url: "mobile/notice/addMessageInfo.jspx",
contentType: "application/json",
data:"{'name':'zhangsan','age':'15'}",
dataType: "json",
success: function(data) {
console.log(data);
},
error: function(msg) {
console.log(msg)
}
})
不添加 contentType:“application/json“的時候可以向後天發送json對象形式
$.ajax({
type: "post",
url: "mobile/notice/addMessageInfo.jspx",
data:{name:'zhangsan',age:'15'},
dataType: "json",
success: function(data) {
console.log(data);
},
error: function(msg) {
console.log(msg)
}
})
另外,當向背景傳遞複雜json的時候,同樣需要添加 contentType:“application/json“,然後将資料轉化為字元串
var data = {
uploadarray: uploadarray,
messageInfo: {
messageTitle: messageTitle,
messageContent: messageContent,
publisher: publisher
},
userId: userId
}
$.ajax({
type: 'post',
url: "mobile/notice/addMessageInfo.jspx",
contentType: 'application/json',
data: JSON.stringify(data),
dataType: "json",
success: function(data) {
console.log(data);
},
error: function(msg) {
console.log(msg)
}
})
補充:下面看下$.ajax中contentType: “application/json” 的用法
不使用contentType: “application/json”則data可以是對象
$.ajax({
url: actionurl,
type: "POST",
datType: "JSON",
data: { id: nodeId },
async: false,
success: function () {}
});
使用contentType: “application/json”則data隻能是json字元串
$.ajax({
url: actionurl,
type: "POST",
datType: "JSON",
contentType: "application/json"
data: "{'id': " + nodeId +"}",
async: false,
success: function () {}
});
總結
以上所述是小編給大家介紹的ajax中設定contentType: "application/json"的作用,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回複大家的。在此也非常感謝大家對腳本之家網站的支援!
您可能感興趣的文章: