dataType

在AJAX請求中，dataType參數(shù)主要用于指定期望從服務(wù)器返回的數(shù)據(jù)類型。這個參數(shù)常見于jQuery的AJAX方法中。

作用：

1、告訴AJAX請求如何解析服務(wù)器返回的數(shù)據(jù)。

2、影響success回調(diào)接收的數(shù)據(jù)格式。如果設(shè)置dataType:'json'，jQuery會自動把響應(yīng)數(shù)據(jù)解析成JavaScript對象，而不是原始字符串,所以無需手動JSON.parse。

3、幫助jQuery設(shè)置正確的Accept請求頭（部分情況下）。比如，dataType:'json'會在請求頭中添加 Accept:application/json

對比 Fetch API / Axios

Fetch API 沒有dataType，而是用.json()、.text()、.blob()方法

fetch('/data').then(response=>response.json()) //類似于 dataType:'json'
                .then(data=>console,log(data))

Axios 會自動基于 Content-Type解析，但也可以強制指定responseType

axios.get('/api',{responseType:'json'}) //類似 dataType

Content-Type

Content-Type是HTTP請求和響應(yīng)中最重要的頭部之一，它用于指定請求或響應(yīng)中傳輸?shù)臄?shù)據(jù)類型，讓服務(wù)器或客戶端知道如何正確解析數(shù)據(jù)。 

作用：

1、告訴服務(wù)器客戶端發(fā)送的是什么格式的數(shù)據(jù)

2、告訴客戶端服務(wù)器返回的是什么格式的數(shù)據(jù)

3、確保數(shù)據(jù)能正確解析和處理

//在請求中（客戶端 -> 服務(wù)器）
Content-Type:'application/json'  //表示客戶端發(fā)送的是JSON格式的數(shù)據(jù)
// 在響應(yīng)中（服務(wù)器 -> 客戶端）
Content-Type:'text/html;charset=UTF-8' //表示服務(wù)器返回的是UTF-8編碼的HTML文檔

常見Content-Type值：

注意事項：

1、get請求通常不需要設(shè)置Content-Type，因為GET請求一般沒有請求體。

2、post/put請求必須正確設(shè)置Content-Type，否則服務(wù)器可能無法正確解析數(shù)據(jù)

3、瀏覽器對某些Content-Type有安全限制（如跨域請求）

4、字符編碼可以附加在Content-Type中：text/html;charset=UTF-8

Content-Type與Accept的區(qū)別：

Content-Type:描述當前發(fā)送的數(shù)據(jù)類型

Accept:描述客戶端希望接收的數(shù)據(jù)類型

// 客戶端發(fā)送表單數(shù)據(jù)、但希望接口JSON格式的響應(yīng)
Accept:application/json
Content-Type:application/x-www-form-urlencoded

到此這篇關(guān)于jQuery Ajax中dataType 和 content-type 參數(shù)的作用詳解的文章就介紹到這了,更多相關(guān)dataType 和 content-type 參數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論