Wykorzystanie `header ("Content-Type: application/json");`

Question

właśnie utworzona JQuery ajax funkcji do pobierania danych z niektórych json-encodedPHP, oto mój kod: nazwa

file: 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; 
}) 

aw data.php pisałem

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

pytanie brzmi, kiedy usunąć linię header("Content-type:application/json"); w data.php the console.log powiedzieć, że typ danych zwróconych przez ajax jest string.

A kiedy dodałem dataType : json`` wewnątrz funkcji ajax w bank.php zmiany typu do object

więc to, co jest funkcją header("Content-type:application/json"); faktycznie?

Answer 1

Funkcja header("Content-type:application/json") wysyła nagłówek http json do przeglądarki, aby poinformować go, jakiego rodzaju danych spodziewa się. Możesz zobaczyć wszystkie nagłówki http dla każdego żądania w przeglądarce (Jeśli używasz narzędzi Chrome Open Developer, przejdź do sieci, dostosuj widok i ponownie załaduj stronę, zobaczysz wszystkie żądania Twojej przeglądarki, jeśli klikniesz dowolne na każdym z tych żądań, a następnie kliknij nagłówki, zobaczysz nagłówki każdego żądania).

Podczas korzystania z tej funkcji zauważysz nagłówek http Content-Type:application/json w odpowiedzi wysłanej z serwera. Jeśli nie używać go serwer wyśle ​​domyślnego który najprawdopodobniej jest Content-type:text/html; charset=UTF-8

Jak @Monty stwierdził, że nie potrzebuje tej funkcji, jeśli dodany dataType: 'json' do AJAX w jQuery będzie obsługiwać dane nawet jest wysyłany z nagłówkiem text/html.

Zobacz także: jQuery AJAX Call to PHP Script with JSON Return

Aby dowiedzieć się więcej na temat nagłówków: http-headers-for-dummies