JSON是一種輕量級(jí)的數(shù)據(jù)交換格式，其簡潔的結(jié)構(gòu)和易于解析的特點(diǎn)使其在互聯(lián)網(wǎng)應(yīng)用程序中廣泛應(yīng)用，包括在JSP頁面中返回?cái)?shù)據(jù)。使用JSON在JSP頁面中返回?cái)?shù)據(jù)有很多好處，例如可以將數(shù)據(jù)作為對(duì)象返回，直接在頁面上使用JavaScript進(jìn)行處理，同時(shí)還能在不同的平臺(tái)和語言之間進(jìn)行數(shù)據(jù)交換。在本文中，我們將探討如何將數(shù)據(jù)以JSON格式返回到JSP頁面。
//Java Servlet代碼
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("application/json;charset=UTF-8"); //設(shè)置MIME類型為JSON
PrintWriter out = response.getWriter(); //獲取輸出流
JSONObject jsonObject = new JSONObject(); //創(chuàng)建JSON對(duì)象
jsonObject.put("id", 123); //向JSON對(duì)象中添加屬性
jsonObject.put("name", "張三");
jsonObject.put("age", 18);
out.println(jsonObject.toString()); //將JSON對(duì)象轉(zhuǎn)化為字符串輸出
out.flush(); //刷新輸出流
out.close(); //關(guān)閉輸出流
}上述代碼將以JSON格式返回一個(gè)包含id、name和age屬性的對(duì)象，并將其輸出到客戶端。在JSP頁面中，可以使用JavaScript接收該JSON數(shù)據(jù)并進(jìn)行處理。以下是一個(gè)簡單的示例：
//JSP頁面代碼
<!DOCTYPE html>
<html>
<head>
<title>JSON返回?cái)?shù)據(jù)到JSP頁面示例</title>
</head>
<body>
<p id="result"></p>
<script>
function getJSONData() {
var xhr = new XMLHttpRequest(); //創(chuàng)建XMLHttpRequest對(duì)象
xhr.onreadystatechange = function () { //注冊事件回調(diào)函數(shù)
if (xhr.readyState === 4 && xhr.status === 200) { //處理響應(yīng)數(shù)據(jù)
var jsonData = JSON.parse(xhr.responseText); //將JSON字符串轉(zhuǎn)化為JSON對(duì)象
document.getElementById("result").innerHTML = "id：" + jsonData.id + "，name：" + jsonData.name + "，age：" + jsonData.age; //將數(shù)據(jù)顯示在頁面上
}
};
xhr.open("GET", "JsonServlet"); //配置請(qǐng)求方式、請(qǐng)求地址和是否異步
xhr.send(null); //發(fā)送請(qǐng)求
}
getJSONData(); //調(diào)用函數(shù)
</script>
</body>
</html>上述代碼中，我們使用XMLHttpRequest對(duì)象向服務(wù)器發(fā)送GET請(qǐng)求，并在其onreadystatechange事件中對(duì)響應(yīng)數(shù)據(jù)進(jìn)行處理。首先我們將響應(yīng)數(shù)據(jù)轉(zhuǎn)化為JSON對(duì)象，然后將其解析出來并將其實(shí)現(xiàn)到頁面上。輸出結(jié)果為：id：123，name：張三，age：18。