天天看點

ajax_contenttype,ajax中設定contentType: "application/json"的作用

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"的作用,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回複大家的。在此也非常感謝大家對腳本之家網站的支援!

您可能感興趣的文章: