1. 服务端生成 JSON 数据（JSP 页面）：
<%@ page contentType="application/json" %>
<%@ page import="java.util.HashMap" %>
<%@ page import="java.util.Map" %>
<%
// 模拟生成 JSON 数据
Map<String, Object> jsonData = new HashMap<>();
jsonData.put("name", "John");
jsonData.put("age", 30);
jsonData.put("city", "New York");
// 将数据以 JSON 格式输出
String jsonString = new com.fasterxml.jackson.databind.ObjectMapper().writeValueAsString(jsonData);
out.print(jsonString);
%>
在这个例子中，使用了 Jackson 库将一个 Map 转换为 JSON 格式的字符串。你需要确保项目中有相应的 JSON 库，例如 Jackson、Gson 等。
2. 前端通过 AJAX 请求获取 JSON 数据：
<!DOCTYPE html>
<html>
<head>
<title>AJAX Example</title>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>
<script>
$(document).ready(function() {
// 使用 AJAX 请求获取 JSON 数据
$.ajax({
url: 'yourJsonData.jsp', // 替换为实际的 JSP 页面路径
type: 'GET',
dataType: 'json',
success: function(data) {
// 处理获取到的 JSON 数据
console.log(data);
// 示例：输出 JSON 数据的某个属性
console.log('Name: ' + data.name);
},
error: function(error) {
console.error('Error:', error);
}
});
});
</script>
</body>
</html>
在这个例子中，通过 jQuery 的 $.ajax 方法向服务器发送 GET 请求，获取 JSON 数据。url 参数指定了服务端生成 JSON 数据的 JSP 页面路径，dataType: 'json' 表示期望服务器返回的是 JSON 数据。
在 success 回调函数中，你可以处理从服务器获取的 JSON 数据。这里只是简单地使用 console.log 输出 JSON 数据，你可以根据实际需求做更复杂的操作。
请注意，上述代码中的 yourJsonData.jsp 应替换为实际的 JSP 页面路径。确保服务器能够正确处理这个请求并返回 JSON 数据。
转载请注明出处：http://www.zyzy.cn/article/detail/4548/JSON