HTTP Content-Type Header und JSON

Ich habe immer versucht, die meisten Eigenschaften des HTTP-Protokolls aus Angst vor dem Unbekannten nicht zu verwenden.

Ich sagte mir jedoch, dass ich heute Angst haben und absichtlich Header verwenden werde. Ich habe versucht, jsonDaten an den Browser zu senden und sie sofort zu verwenden. Wenn ich zum Beispiel eine Ajax-Handlerfunktion im Bereitschaftszustand 4 habe, die so aussieht:

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

Und ich habe den Inhaltstyp-Header in meinem PHP-Code festgelegt:

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

Warum kann ich nicht direkt über die Handlerfunktion auf die Eigenschaft zugreifen, wenn dem Browser klar mitgeteilt wird, dass es sich um eingehende Daten handelt application/json?

Der Content-TypeHeader wird nur als Information für Ihre Anwendung verwendet. Dem Browser ist es egal, was es ist. Der Browser gibt Ihnen nur die Daten aus dem AJAX-Aufruf zurück. Wenn Sie es als JSON analysieren möchten, müssen Sie dies selbst tun.

Der Header ist vorhanden, damit Ihre App erkennen kann, welche Daten zurückgegeben wurden und wie sie damit umgehen sollen. Sie müssen sich den Header ansehen und ihn application/jsondann als JSON analysieren.

So funktioniert jQuery. Wenn Sie ihm nicht sagen, was er mit dem Ergebnis tun soll, erkennt er Content-Typemit, was damit zu tun ist.

Content-Type: application/jsonist nur der Inhaltsheader. Der Inhaltsheader ist nur eine Information über den Typ der zurückgegebenen Daten, z. B. :: JSON, Bild (PNG, JPG usw.), HTML.

Beachten Sie, dass JSON in JavaScript ein Array oder Objekt ist. Wenn Sie alle Daten anzeigen möchten, verwenden Sie console.log anstelle von alert:

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

Wenn Sie den ursprünglichen JSON-Inhalt als Zeichenfolge benachrichtigen möchten, fügen Sie einfache Anführungszeichen (') hinzu:

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

Verwenden Sie keine doppelten Anführungszeichen. JavaScript wird dadurch verwirrt, da JSON für jeden Wert und Schlüssel doppelte Anführungszeichen verwendet:

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>

Der folgende Code hilft mir, ein JSON-Objekt für JavaScript im Frontend zurückzugeben

Mein Vorlagencode

template_file.json

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

Von Python unterstützter 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")    

Datei url.py.

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

jQuery-Code für das Frontend

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