`header("Content-type:application/json")的用法;`

Question

我刚刚创建了一个JQuery ajax函数来检索一些json-encoded数据PHP,这是我的代码:

文件名: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");中data.php的console.log告诉数据返回的类型ajax是string.

而当我dataType :在ajax函数内部添加json`` 时bank.php,类型变为object

那header("Content-type:application/json");实际上是什么功能呢？

Answer 1

该函数header("Content-type:application/json")将http json标头发送到浏览器以通知他他期望的数据类型.您可以在浏览器中查看每个请求的所有http标头(如果您使用的是Chrome开放式开发人员工具,请转到网络,调整视图并重新加载页面,您将看到浏览器发出的所有请求,如果您点击任何在任何这些请求上,然后单击标题,您将看到每个请求的标题).

使用此功能时,您会注意到Content-Type:application/json服务器发送的响应中的http标头.如果您不使用它,服务器将发送最可能的默认值Content-type:text/html; charset=UTF-8

正如@Monty所说,如果您添加dataType: 'json'到AJAX中,则不需要此功能,因为Jquery将处理数据,即使它是使用text/html标头发送的.

另请参阅:jQuery AJAX使用JSON Return调用PHP脚本

要阅读有关标题的更多信息,请参阅http-headers-for-dummies