Заголовок HTTP Content-Type и JSON

Я всегда старался избегать использования большинства свойств протокола HTTP из страха перед неизвестным.

Однако я сказал себе, что сегодня столкнусь со страхом и начну целенаправленно использовать заголовки. Я пытаюсь отправить jsonданные в браузер и сразу же ими воспользоваться. Например, если у меня есть функция обработчика Ajax в состоянии готовности 4, которая выглядит так:

function ajaxHandler(response){
    alert(response.text);
}

И я установил заголовок типа содержимого в своем PHP-коде:

header('Content-Type: application/json');
echo json_encode(array('text' => 'omrele'));

Почему я не могу напрямую получить доступ к свойству из функции-обработчика, когда браузеру четко сказано, что входящие данные есть application/json?

Content-TypeЗаголовок используются только в качестве информации для вашего приложения. Браузеру все равно, что это такое. Браузер просто возвращает вам данные из вызова AJAX. Если вы хотите разобрать его как JSON, вам нужно сделать это самостоятельно.

Заголовок присутствует, поэтому ваше приложение может определить, какие данные были возвращены и как оно должно их обрабатывать. Вам нужно посмотреть заголовок и, если он, application/jsonпроанализировать его как JSON.

Именно так работает jQuery. Если вы не укажете ему, что делать с результатом, он Content-Typeбудет определять, что с ним делать.

Content-Type: application/jsonэто просто заголовок содержимого. Заголовок содержимого - это просто информация о типе возвращаемых данных, например: JSON, изображение (png, jpg и т. Д.), Html.

Имейте в виду, что JSON в JavaScript - это массив или объект. Если вы хотите увидеть все данные, используйте console.log вместо alert:

alert(response.text); // Will alert "[object Object]" string
console.log(response.text); // Will log all data objects

Если вы хотите предупредить исходное содержимое JSON в виде строки, добавьте одинарные кавычки ('):

echo "'" . json_encode(array('text' => 'omrele')) . "'";
// alert(response.text) will alert {"text":"omrele"}

Не используйте двойные кавычки. Это запутает JavaScript, потому что JSON использует двойные кавычки для каждого значения и ключа:

echo '<script>var returndata=';
echo '"' . json_encode(array('text' => 'omrele')) . '"';
echo ';</script>';

// It will return the wrong JavaScript code:
<script>var returndata="{"text":"omrele"}";</script>

Приведенный ниже код помогает мне вернуть объект JSON для JavaScript во внешнем интерфейсе.

Мой код шаблона

template_file.json

{
    "name": "{{name}}"
}

Код, поддерживаемый Python

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")    

Файл url.py

url(r'^download_as_json/$', views.download_json, name='download_json-url')

код jQuery для внешнего интерфейса

  $.ajax({
        url:'{% url 'download_json-url' %}'        
    }).done(function(data){
        console.log('json ', data);
        console.log('Name', data.name);
        alert('hello ' + data.name);
    });

Недавно возникла проблема с этим и с расширением Chrome, которое искажало поток JSON, когда заголовок ответа помечал тип содержимого как «текст / html», по-видимому, расширения могут и будут использовать заголовок ответа для изменения содержимого до дальнейшей обработки с помощью браузер. Изменение типа содержимого устранило проблему.