Заголовок типу вмісту HTTP та 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, image (png, jpg тощо), html.

Майте на увазі, що JSON у JavaScript - це масив чи об’єкт. Якщо ви хочете переглянути всі дані, використовуйте console.log замість попередження:

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