在網頁開發中，我們經常涉及到數據的傳輸，而數據的傳輸需要我們設定內容的類型，此時ContentType就顯得尤為關鍵。

ContentType是一種在 HTTP 發送請求時用于指定所發送數據的類型的參數，通常使用 MIME 格式。這個參數的值是一個標準的 MIME 類型。HTTP發送數據時，需要在HTTP頭中添加相應的ContentType信息，以告訴服務器請求的數據內容格式，服務器接收到請求后按照指定的數據格式進行解析響應內容。

下面我們來看幾個ContentType的常見類型：

text/html 針對html文檔
text/plain 簡單的文本格式
text/xml  XML文檔
image/gif 圖像gif格式
application/json JSON數據格式

當我們需要向后端傳遞一個JSON對象時，需要在HTTP頭中設置ContentType為application/json。下面我們來看一個例子：

let data = {
name: "小明",
age: "18"
};
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type","application/json");
xhr.send(JSON.stringify(data));

而當我們需要向后端傳遞一個表單數據時，需要在HTTP頭中設置ContentType為application/x-www-form-urlencoded。下面我們來看一個例子：

let data = "username=小明&password=123456";
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.send(data);

除了以上常見的ContentType類型之外，還有一些比較特殊的類型，例如multipart/form-data格式，它適用于文件上傳的情況。下面我們來看一個文件上傳的例子：

let formData = new FormData();
formData.append("file", document.querySelector('input[type="file"]').files[0]);
xhr.open("POST", url, true);
xhr.send(formData);

在這個例子中，我們使用FormData對象來將文件數據封裝成一個對象，然后設置ContentType為multipart/form-data進行傳輸。

總的來說，ContentType在HTTP傳輸中起著非常重要的作用，它能夠幫助服務器正確解析請求數據格式并返回正確的響應。因此，在開發中我們需要根據實際應用場景設置正確的ContentType類型。