// 第一种方式 console.log(address.city); console.log(user.addr.street); for (var i = 0;i

var fromJavaServerJsonStr = "{"usercode" : 111, "age" : 20}"; // \是转义字符的作用，防止与外面的双引号冲突 var fromJavaServerJsonStr = "{\"usercode\" : 111, \"age\" : 20}";

window.eval("var jsonobj1 = " + fromJavaServerJsonStr); // 进行访问 alert(jsonobj1.usercode); // 111

var jsonobj2 = JSON.parse(fromJavaServerJsonStr); alert(jsonobj2.age); // 20

StringBuilder html = new StringBuilder(); html.append(""); html.append("1"); html.append("王五"); html.append("20"); html.append("北京大兴区"); html.append(""); html.append(""); html.append("2"); html.append("李四"); html.append("22"); html.append("北京海淀区"); html.append(""); // --------------------------------------------修改为 // 将以上程序拼接HTML，换成拼接JSON格式的字符串。 String jsonStr = "[{\"name\":\"王五\",\"age\":20,\"addr\":\"北京大兴区\"}, {\"name\":\"李四\",\"age\":22,\"addr\":\"北京海淀区\"}]"; // 响应JSON格式的字符串给前端。 out.print(jsonStr);

document.getElementById("stutbody").innerHTML = this.responseText // -----------------------------------修改为 // 将json格式的字符串转换成json对象 var stuList = JSON.parse(this.responseText); // 是一个数组，并且数组中有多个学生数据 var html = "" for (var i = 0; i " html += ""+stu.name+"" html += ""+stu.age+"" html += ""+stu.addr+"" html += "" } document.getElementById("stutbody").innerHTML = html

package com.bjpowernode.javaweb.ajax; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.io.PrintWriter; import java.sql.*; /** * @Author：朗朗乾坤 * @Package：com.bjpowernode.javaweb.ajax * @Project：ajax * @name：AjaxRequest5Servlet * @Date：2022/12/6 17:13 */ @WebServlet("/ajaxrequest5") public class AjaxRequest5Servlet extends HttpServlet { @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 响应到浏览器 response.setContentType("text/html;charset=UTF-8"); PrintWriter out = response.getWriter(); // 用于拼接成JSON的字符串 StringBuffer json = new StringBuffer(); String jsonobj = ""; // 连接数据库 Connection conn = null; PreparedStatement ps = null; ResultSet rs = null; try { // 注册驱动 Class.forName("com.mysql.jdbc.Driver"); // 获取连接 conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/bjpowernode?useUnicode=true&characterEncoding=utf8&serverTimezone=UTC", "root", "123"); // 获取预编译的数据库操作对象 String sql = "select name,age,addr from t_student "; ps = conn.prepareStatement(sql); // 执行sql rs = ps.executeQuery(); // 处理查询结果集 json.append("["); while (rs.next()) { // 每循环一次，就拼接一次 String name = rs.getString("name"); String age = rs.getString("age"); String addr = rs.getString("addr"); // 拼成JSON格式的字符串对象，每次循环拼接的格式如下 // {"name":" 王五 ","age": 20 ,"addr":" 北京大兴区 "}, json.append(" {\"name\":\""); json.append(name); json.append("\",\"age\":"); json.append(age); json.append(",\"addr\":\""); json.append(addr); json.append("\"},"); } // 上面这样拼接，最后一个JSON格式的对象会多一个逗号，所以进行截串 jsonobj = json.substring(0,json.length()-1) + "]"; } catch (ClassNotFoundException e) { e.printStackTrace(); } catch (SQLException e) { e.printStackTrace(); } finally { // 释放资源 if (rs != null) { try { rs.close(); } catch (SQLException e) { e.printStackTrace(); } } if (ps != null) { try { ps.close(); } catch (SQLException e) { e.printStackTrace(); } } if (conn != null) { try { conn.close(); } catch (SQLException e) { e.printStackTrace(); } } } // 响应JSON格式的字符串给前端 out.print(jsonobj); } }

   
 
 
序号
姓名
年龄
住址