`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