`header（“Content-type：application / json”）的用法;`

Question

我剛剛創建了一個JQuery ajax函數來從PHP檢索一些json-encoded數據，這是我的代碼：

文件名：bank.php

$('form').on('submit', function(){

        var datatobesent  = $(this).serialize();
        $.ajax({
            data: datatobesent,
            url:'data.php',
            type:'GET'
        })
        .done(function(data){
            console.log(typeof(data));
        });
        return false;
})

在data.php我寫道

if(isset($_GET)){
    $data = $_GET;
    echo json_encode($data);
    header("Content-type:application/json");
}

問題是，當我刪除header("Content-type:application/json");行時header("Content-type:application/json"); 在data.php ， console.log告訴ajax返回的數據類型是string 。

當我在bank.php的ajax函數中添加dataType : bank.php ，類型會變為object

那么header("Content-type:application/json");的功能是什么header("Content-type:application/json"); 其實？

Answer 1

函數header("Content-type:application/json")將http json頭發送到瀏覽器以通知他他期望的數據類型。 您可以在瀏覽器中查看每個請求的所有http標頭（如果您使用的是Chrome開放式開發人員工具，請轉到網絡，調整視圖並重新加載頁面，您將看到瀏覽器發出的所有請求，如果您點擊任何在任何這些請求上，然后單擊標題，您將看到每個請求的標題）。

使用此功能時，您會注意到服務器發送的響應中的http標頭Content-Type:application/json 。 如果你不使用它，服務器將發送默認值，最有可能是Content-type:text/html; charset=UTF-8 Content-type:text/html; charset=UTF-8

正如@Monty所說，如果你將dataType: 'json'添加到你的AJAX中你不需要這個函數，因為Jquery會處理數據，即使它是用text / html頭發送的。

另請參閱： jQuery AJAX使用JSON Return調用PHP腳本

要閱讀有關標題的更多信息，請參閱http-headers-for-dummies