Tiêu đề kiểu nội dung HTTP và JSON

Tôi đã luôn cố gắng tránh sử dụng hầu hết các thuộc tính của giao thức HTTP vì sợ không biết.

Tuy nhiên, tôi đã nói với bản thân mình rằng hôm nay tôi sẽ đối mặt với nỗi sợ hãi và bắt đầu sử dụng các tiêu đề một cách có chủ đích. Tôi đã cố gắng gửi jsondữ liệu đến trình duyệt và sử dụng nó ngay lập tức. Ví dụ: nếu tôi có hàm xử lý Ajax ở trạng thái sẵn sàng 4 trông giống như vậy:

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

Và tôi đã đặt tiêu đề loại nội dung trong mã PHP của mình:

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

Tại sao tôi không thể truy cập trực tiếp vào tài sản từ chức năng xử lý, khi trình duyệt được thông báo rõ ràng rằng dữ liệu đến là application/json?

Các Content-Typetiêu đề chỉ được sử dụng như thông tin cho ứng dụng của bạn. Trình duyệt không quan tâm nó là gì. Trình duyệt chỉ trả về cho bạn dữ liệu từ cuộc gọi AJAX. Nếu bạn muốn phân tích nó dưới dạng JSON, bạn cần phải tự làm điều đó.

Tiêu đề là ở đó để ứng dụng của bạn có thể phát hiện dữ liệu nào được trả về và cách xử lý dữ liệu đó. Bạn cần nhìn vào tiêu đề và nếu nó application/jsonthì phân tích nó thành JSON.

Đây thực sự là cách jQuery hoạt động. Nếu bạn không cho nó biết phải làm gì với kết quả, nó sẽ sử dụng Content-Typeđể phát hiện những việc cần làm với nó.

Content-Type: application/jsonchỉ là tiêu đề nội dung. Tiêu đề nội dung chỉ là thông tin về loại dữ liệu được trả về, ví dụ: JSON, hình ảnh (png, jpg, v.v.), html.

Hãy nhớ rằng JSON trong JavaScript là một mảng hoặc đối tượng. Nếu bạn muốn xem tất cả dữ liệu, hãy sử dụng console.log thay vì cảnh báo:

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

Nếu bạn muốn cảnh báo nội dung JSON gốc dưới dạng chuỗi, sau đó thêm dấu ngoặc kép ('):

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

Không sử dụng dấu ngoặc kép. Nó sẽ gây nhầm lẫn cho JavaScript, vì JSON sử dụng dấu ngoặc kép trên mỗi giá trị và khóa:

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>

Đoạn mã dưới đây giúp tôi trả về một đối tượng JSON cho JavaScript ở mặt trước

Mã mẫu của tôi

template_file.json

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

Mã được hỗ trợ bởi 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")    

Tệp url.py

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

Mã jQuery cho giao diện người dùng

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