Header Jenis Konten HTTP dan JSON

Saya selalu berusaha menghindari penggunaan sebagian besar properti protokol HTTP demi takut akan hal yang tidak diketahui.

Namun, saya berkata pada diri sendiri bahwa saya akan menghadapi ketakutan hari ini dan mulai menggunakan header dengan sengaja. Saya telah mencoba mengirim jsondata ke browser dan langsung menggunakannya. Misalnya, jika saya memiliki fungsi penangan Ajax pada status siap 4 yang terlihat seperti ini:

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

Dan saya telah mengatur header tipe konten dalam kode PHP saya:

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

Mengapa saya tidak bisa langsung mengakses properti dari fungsi handler, ketika browser dengan jelas diberitahu bahwa data yang masuk adalah application/json?

The Content-Typeheader hanya digunakan sebagai informasi untuk aplikasi Anda. Peramban tidak peduli apa itu. Browser hanya mengembalikan Anda data dari panggilan AJAX. Jika Anda ingin menguraikannya sebagai JSON, Anda harus melakukannya sendiri.

Header ada di sana sehingga aplikasi Anda dapat mendeteksi data apa yang dikembalikan dan bagaimana penanganannya. Anda perlu melihat header, dan jika itu application/jsonparsing sebagai JSON.

Ini sebenarnya cara kerja jQuery. Jika Anda tidak memberi tahu apa yang harus dilakukan dengan hasilnya, ia menggunakan Content-Typeuntuk mendeteksi apa yang harus dilakukan dengan hasilnya.

Content-Type: application/jsonhanya header konten. Header konten hanyalah informasi tentang jenis data yang dikembalikan, ex :: JSON, gambar (png, jpg, dll.), Html.

Perlu diingat, bahwa JSON dalam JavaScript adalah array atau objek. Jika Anda ingin melihat semua data, gunakan console.log alih-alih lansiran:

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

Jika Anda ingin mengingatkan konten JSON asli sebagai string, tambahkan tanda kutip tunggal ('):

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

Jangan gunakan tanda kutip ganda. Ini akan membingungkan JavaScript, karena JSON menggunakan tanda kutip ganda pada setiap nilai dan kunci:

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>

Kode di bawah ini membantu saya mengembalikan objek JSON untuk JavaScript di ujung depan

Kode templat saya

template_file.json

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

Kode yang didukung 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")    

File url.py

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

kode jQuery untuk ujung depan

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