Nagłówek HTTP Content-Type i JSON

Zawsze starałem się unikać używania większości właściwości protokołu HTTP ze względu na strach przed nieznanym.

Jednak powiedziałem sobie, że dziś zmierzę się ze strachem i zacznę celowo używać nagłówków. Próbuję przesłać jsondane do przeglądarki i od razu z niej korzystać. Na przykład, jeśli mam funkcję obsługi Ajax w stanie gotowości 4, który wygląda tak:

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

I ustawiłem nagłówek typu zawartości w moim kodzie PHP:

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

Dlaczego nie mogę uzyskać bezpośredniego dostępu do właściwości z funkcji obsługi, gdy przeglądarka jest wyraźnie poinformowana, że ​​przychodzące dane są application/json?

Content-TypeNagłówek jest po prostu używane jako o swojej aplikacji. Przeglądarka nie dba o to, co to jest. Przeglądarka po prostu zwraca dane z połączenia AJAX. Jeśli chcesz przeanalizować go jako JSON, musisz to zrobić samodzielnie.

Nagłówek jest tam, więc Twoja aplikacja może wykryć, jakie dane zostały zwrócone i jak powinna je obsłużyć. Musisz spojrzeć na nagłówek, a jeśli to application/jsonnastępnie przeanalizować go jako JSON.

Tak właśnie działa jQuery. Jeśli nie powiesz mu, co ma zrobić z wynikiem, używa Content-Typeznaku do wykrycia, co z nim zrobić.

Content-Type: application/jsonto tylko nagłówek treści. Nagłówek treści to po prostu informacja o rodzaju zwracanych danych, np. :: JSON, obraz (png, jpg, itd ..), html.

Pamiętaj, że JSON w JavaScript to tablica lub obiekt. Jeśli chcesz zobaczyć wszystkie dane, użyj console.log zamiast alert:

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

Jeśli chcesz ostrzec oryginalną zawartość JSON jako ciąg, dodaj pojedyncze cudzysłowy ('):

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

Nie używaj cudzysłowów. To zmyli JavaScript, ponieważ JSON używa podwójnych cudzysłowów na każdej wartości i kluczu:

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>

Poniższy kod pomaga mi zwrócić obiekt JSON dla JavaScript w interfejsie użytkownika

Mój kod szablonu

template_file.json

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

Kod wspierany przez Pythona

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

Plik url.py

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

Kod jQuery dla interfejsu

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