HTTP Content-Type Header and JSON

Question

I have always been trying to avoid using most of the HTTP protocol s properties for the sake of fear of the unknown   However  I said to myself that I m going to face fear today and start using headers purposefully  I have been trying to send json data to the browser and use it right away  For example  if I have an Ajax handler function on ready state 4 which looks like so   function ajaxHandler response       alert response text       And I have set the content-type header in my PHP code   header  Content-Type  application json    echo json encode array  text    gt   omrele       Why can t I directly access the property from the handler function  when the browser is clearly told that the incoming data is application json

User · Accepted Answer

The Content-Type header is just used as info for your application   The browser doesn t care what it is   The browser just returns you the data from the AJAX call   If you want to parse it as JSON  you need to do that on your own   The header is there so your app can detect what data was returned and how it should handle it   You need to look at the header  and if it s application json then parse it as JSON   This is actually how jQuery works   If you don t tell it what to do with the result  it uses the Content-Type to detect what to do with it

User · Answer

Content-Type  application json is just the content header  The content header is just information about the type of returned data  ex  JSON image png jpg etc    html   Keep in mind  that JSON in JavaScript is an array or object  If you want to see all the data  use console log instead of alert   alert response text      Will alert   object Object   string console log response text      Will log all data objects   If you want to alert the original JSON content as a string  then add single quotation marks       echo       json encode array  text    gt   omrele              alert response text  will alert   text   omrele     Do not use double quotes  It will confuse JavaScript  because JSON uses double quotes on each value and key   echo   lt script gt var returndata    echo       json encode array  text    gt   omrele           echo    lt  script gt        It will return the wrong JavaScript code   lt script gt var returndata    text   omrele     lt  script gt

User · Answer

Recently ran into a problem with this and a Chrome extension that was corrupting a JSON stream when the response header labeled the content-type as  text html  apparently extensions can and will use the response header to alter the content prior to further processing by the browser  Changing the content-type fixed the issue

User · Answer

The below code helps me to return a JSON object for JavaScript on the front end  My template code  template file json         name      name        Python backed code  def download json request       print  Downloading JSON         Response render a template as JSON object     return HttpResponse render to response  template file json  dict name  Alex Vera    content type  application json         File url py  url r  download as json     views download json  name  download json-url     jQuery code for the front end      ajax           url     url  download json-url                     done function data           console log  json    data           console log  Name   data name           alert  hello     data name

[javascript] HTTP Content-Type Header and JSON

Examples related to javascript

Examples related to php

Examples related to json

Examples related to http