JavaWeb 开发实战：JSON 数据交换与 Ajax 异步请求技术解析

3. JSON 对象与字符串转换

在实际开发中，我们经常需要在 JSON 对象和字符串之间进行转换。

• JSON.stringify(json): 将 JSON 对象序列化为字符串。
• JSON.parse(jsonString): 将 JSON 字符串反序列化为对象。

// 一个 json 对象
var jsonObj = {"name": "韩顺平教育", age: 10};

// 把 json 对象转换成为字符串对象
var jsonStr = JSON.stringify(jsonObj);
console.log(jsonStr);

// 把 json 对象的字符串，转换成为 json 对象
var jsonObj2 = JSON.parse(jsonStr);
console.log(jsonObj2);

注意事项：

1. JSON.stringify 不会修改原对象，返回的是新字符串。
2. JSON.parse 也不会修改原字符串，返回的是新对象。
3. 定义 JSON 对象时，键名建议使用双引号 "，虽然 JS 允许单引号，但在序列化后统一为双引号。
4. 解析字符串转对象时，必须确保字符串符合 JSON 规范（如键名必须双引号），否则报错。

4. JSON 在 Java 中使用

Java 本身没有内置的 JSON 解析库，通常引入第三方包，最常用的是 Google 提供的 Gson。

应用场景

• JavaBean 对象与 JSON 字符串互转
• List 集合与 JSON 字符串互转
• Map 集合与 JSON 字符串互转

代码演示

首先创建 Gson 工具对象：

Gson gson = new Gson();

1. JavaBean 转 JSON 字符串

Book book = new Book(100, "零基础学 Java");
String strBook = gson.toJson(book);
System.out.println("strBook=" + strBook);

这里 toJson 方法利用反射机制遍历对象属性生成 JSON 字符串。

2. JSON 字符串转 JavaBean

Book book2 = gson.fromJson(strBook, Book.class);
System.out.println("book2=" + book2);

通过指定目标类 Book.class，Gson 会自动映射字段。

3. 集合转换 (List) 对于泛型集合，直接传 Class 会丢失类型信息，需要使用 TypeToken。

List<Book> bookList = new ArrayList<>();
bookList.add(new Book(200, "天龙八部"));
bookList.add(new Book(300, "三国演义"));

// 对象转字符串
String strBookList = gson.toJson(bookList);

// 字符串转对象
Type type = new TypeToken<List<Book>>(){}.getType();
List<Book> bookList2 = gson.fromJson(strBookList, type);

为什么加 {}？ TypeToken 的构造器是 protected 的，不能直接实例化。通过匿名内部类 new TypeToken<>(){} ，我们创建了一个子类，其无参构造器可以访问父类的 protected 成员，从而获取完整的泛型类型信息。

4. Map 转换 逻辑与 List 类似，同样需要 TypeToken 来保留泛型参数。

Map<String, Book> bookMap = new HashMap<>();
bookMap.put("k1", new Book(400, "射雕英雄传"));
String strBookMap = gson.toJson(bookMap);

Map<String, Book> bookMap2 = gson.fromJson(strBookMap, 
    new TypeToken<Map<String, Book>>(){}.getType());

二、异步请求——Ajax

1. 基本介绍

AJAX（Asynchronous Javascript And XML）是一种无需刷新整个页面即可更新部分网页内容的技术。它通过浏览器与服务器异步通信，显著提升了用户体验。

典型场景：

• 搜索框自动提示
• 动态加载树形菜单
• 表单局部验证
• 购物车实时更新

2. JavaScript 原生 Ajax 请求

原生 Ajax 基于 XMLHttpRequest 对象。虽然功能强大，但代码繁琐且需处理浏览器兼容性问题。

示例：用户名验证

window.onload = function() {
    var checkButton = document.getElementById("checkButton");
    checkButton.onclick = function() {
        // 1. 创建 XMLHttpRequest 对象
        var xhr = new XMLHttpRequest();
        
        // 2. 准备发送数据
        var uname = document.getElementById("uname").value;
        xhr.open("GET", "/ajax/checkUserServlet?uname=" + uname, true);
        
        // 3. 绑定事件监听
        xhr.onreadystatechange = function() {
            // readyState == 4 表示完成，status == 200 表示成功
            if(xhr.readyState == 4 && xhr.status == 200) {
                document.getElementById("div1").innerHTML = xhr.responseText;
            }
        };
        
        // 4. 发送请求
        xhr.send();
    };
};

问题分析： 原生写法步骤多，状态码判断容易遗漏，维护成本高。实际工作中更倾向于使用封装好的库。

3. jQuery 的 Ajax 请求

jQuery 简化了 Ajax 操作，提供了更简洁的 API。

常用方法：

• $.ajax(options): 通用配置，可设置 url, type, data, success, error 等。
• $.get(url, data, callback): 简化的 GET 请求。
• $.post(url, data, callback): 简化的 POST 请求。
• $.getJSON(url, data, callback): 专门用于获取 JSON 数据。

底层实现上，这些方法最终都调用了 $.ajax()，只是预设了默认参数。使用 jQuery 能大幅减少样板代码，让开发者专注于业务逻辑。

三、线程数据共享与安全 - ThreadLocal

1. 基本介绍

在多线程环境下，如何保证线程间的数据隔离是一个关键问题。ThreadLocal 提供了一种解决方案，它为每个使用该变量的线程提供独立的变量副本。

核心特性：

• 线程隔离：每个线程只能访问自己的数据，互不干扰。
• 生命周期：数据随线程销毁而释放。
• 使用方式：类似于 Map，Key 是当前线程，Value 是存储的对象。

ThreadLocal<Object> threadLocal = new ThreadLocal<>();
threadLocal.set(dog); // 当前线程关联 dog 对象

如果需要为同一线程存储多个对象，需创建多个 ThreadLocal 实例。

2. 源码分析

理解 set 方法的实现有助于掌握其底层机制。

public void set(T value) {
    Thread t = Thread.currentThread();
    // 获取当前线程绑定的 ThreadLocalMap
    ThreadLocalMap map = getMap(t);
    if (map != null)
        map.set(this, value);
    else
        createMap(t, value);
}

关键点：

1. ThreadLocalMap 是 Thread 的内部类，每个 Thread 对象都有一个 threadLocals 属性指向它。
2. Entry 是 ThreadLocalMap 中的节点，Key 是 ThreadLocal 对象本身（弱引用），Value 是存储的值。
3. 当调用 threadLocal.set(dog) 时，实际上是往当前线程的 ThreadLocalMap 中存入了一组 (ThreadLocal 对象，dog)。

这种设计确保了即使多个线程共用同一个 ThreadLocal 实例，它们存取的数据也是完全隔离的，非常适合用于管理用户上下文、数据库连接等场景。

通过以上讲解，我们深入理解了 JSON 作为数据载体的灵活性，掌握了 Ajax 实现前后端交互的核心流程，并剖析了 ThreadLocal 保障线程安全的底层原理。这些技术是现代 Web 应用开发的基石，熟练掌握它们将有助于构建更高效、稳定的系统架构。