JSON是一種輕量級(jí)的數(shù)據(jù)交換格式，在前后端交互中經(jīng)常使用。通過JSON，我們可以將數(shù)據(jù)從后端傳遞到前端，并進(jìn)行解析、渲染。下面就讓我們來看一下如何在代碼中使用JSON。

首先，我們需要將數(shù)據(jù)轉(zhuǎn)換成JSON格式。在后端代碼中，我們可以使用JSON庫(kù)來實(shí)現(xiàn)：

import json
data = {
'name' : '張三',
'age' : 20,
'address' : {
'city' : '上海',
'street' : '虹口區(qū)'
}
}
json_str = json.dumps(data)

在這個(gè)例子中，我們聲明了一個(gè)Python字典，并使用json.dumps()方法將其轉(zhuǎn)換成了JSON字符串。在JSON字符串中，我們使用大括號(hào)、冒號(hào)、逗號(hào)等符號(hào)來表示數(shù)據(jù)的結(jié)構(gòu)。

接下來，我們需要將JSON數(shù)據(jù)傳遞到前端頁(yè)面。在后端代碼中，我們可以將JSON數(shù)據(jù)直接寫入HTTP響應(yīng)中：

from django.http import HttpResponse
def index(request):
data = {
'name' : '張三',
'age' : 20,
'address' : {
'city' : '上海',
'street' : '虹口區(qū)'
}
}
json_str = json.dumps(data)
return HttpResponse(json_str, content_type='application/json')

在這個(gè)例子中，我們使用Django框架中的HttpResponse類來返回HTTP響應(yīng)。我們將JSON字符串作為響應(yīng)內(nèi)容，同時(shí)指定了響應(yīng)類型為“application/json”。

在前端代碼中，我們可以使用JavaScript的JSON.parse()方法將JSON數(shù)據(jù)解析成JavaScript對(duì)象：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
console.log(data.name);
console.log(data.address.city);
}
};
xhr.open('GET', '/data', true);
xhr.send();

在這個(gè)例子中，我們使用XMLHttpRequest對(duì)象向后端發(fā)送GET請(qǐng)求，并設(shè)定了回調(diào)函數(shù)。在回調(diào)函數(shù)中，我們使用JSON.parse()方法將響應(yīng)數(shù)據(jù)解析成了JavaScript對(duì)象，并進(jìn)行了輸出。在這個(gè)過程中，我們可以看到將JSON數(shù)據(jù)傳遞的過程。

總之，JSON是一種非常方便的數(shù)據(jù)交換格式。通過將數(shù)據(jù)轉(zhuǎn)換成JSON格式，我們可以在前后端之間進(jìn)行高效的數(shù)據(jù)傳遞和解析，實(shí)現(xiàn)了前后端的高度協(xié)同。