在開發(fā)中，我們經(jīng)常需要向服務(wù)器發(fā)送數(shù)據(jù)，而這些數(shù)據(jù)通常會(huì)被以JSON格式提交到服務(wù)器。JSON格式的數(shù)據(jù)對(duì)于前后端交互來(lái)說(shuō)非常重要。下面就來(lái)談?wù)勅绾芜M(jìn)行body提交JSON格式的問(wèn)題。

//這是一條JSON格式的數(shù)據(jù)
{
"name": "張三",
"age": 20,
"city": "北京"
}
//我們可以通過(guò)幾種方式將其提交給服務(wù)器
//第一種是使用XMLHttpRequest對(duì)象
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type","application/json");
xhr.send(JSON.stringify(data));
//第二種是使用jQuery庫(kù)
$.ajax({
type: "POST",
url: url,
data: JSON.stringify(data),
dataType: "json",
contentType: "application/json",
success: function(res){
console.log(res);
},
error: function(err){
console.log(err);
}
});
//第三種是使用fetch方法
fetch(url, {
method: "POST",
body: JSON.stringify(data),
headers: {
"Content-type": "application/json"
}
})
.then(response =>response.json())
.then(data =>console.log(data))
.catch(error =>console.error(error))

無(wú)論哪種方式，都需要在請(qǐng)求中設(shè)置Content-type為application/json。這告訴服務(wù)器，我們將要提交的是JSON格式的數(shù)據(jù)。另外，我們還需要在發(fā)送請(qǐng)求前將數(shù)據(jù)轉(zhuǎn)換成JSON格式字符串（通過(guò)JSON.stringify(data)，data是我們要提交的具體數(shù)據(jù)）。

以上就是如何進(jìn)行body提交JSON格式的介紹，希望對(duì)大家有所幫助！