JavaWeb 核心技术：JSON 数据交换与 Ajax 异步请求实战

注意：JSON.stringify 不会修改原对象，返回的是新字符串。转换时字符串必须使用双引号，否则 parse 会报错。

4. JSON 在 Java 中使用

Java 处理 JSON 通常引入第三方库，如 Google 的 Gson。它能方便地在 Java 对象和 JSON 字符串之间映射。

应用场景：

• JavaBean 与 JSON 字符串互转。
• List、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);

// 2. JSON 字符串 -> JavaBean
Book book2 = gson.fromJson(strBook, Book.class);
System.out.println("book2=" + book2);

对于集合类型，如 List<Book>，需要使用 TypeToken 来指定泛型类型，因为 Java 存在类型擦除问题。

Type type = new TypeToken<List<Book>>(){}.getType();
List<Book> bookList2 = gson.fromJson(strBookList, type);

这里之所以要加 {}，是因为 TypeToken 的构造器是受保护的，通过匿名内部类可以绕过限制并获取完整的泛型类型信息。底层依赖反射机制完成映射。

二、异步请求 – Ajax

1. 基本介绍

Ajax（Asynchronous Javascript And XML）允许浏览器在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页。这大大提升了用户体验，常见于搜索联想、动态加载菜单、购物车更新等场景。

2. JavaScript 原生 Ajax 请求

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

示例：验证用户名

window.onload = function() {
  var checkButton = document.getElementById("checkButton");
  checkButton.onclick = function() {
    var xhr = new XMLHttpRequest();
    var uname = document.getElementById("uname").value;

    // 初始化请求
    xhr.open("GET", "/ajax/checkUserServlet?uname=" + uname, true);

    // 监听状态变化
    xhr.onreadystatechange = function() {
      if (xhr.readyState == 4 && xhr.status == 200) {
        document.getElementById("div1").innerHTML = xhr.responseText;
      }
    };

    // 发送请求
    xhr.send();
  };
};

由于原生写法繁琐，实际工作中更倾向于使用封装好的库。

3. JQuery 的 Ajax 请求

jQuery 简化了 Ajax 操作，提供了 $.ajax、$.get、$.post 等方法。

• $.ajax: 最灵活，可配置 url、type、data、success、error 等参数。
• $.get / $.post: 快捷方式，底层仍调用 $.ajax。
• $.getJSON: 专门用于处理 JSON 数据。

这些方法自动处理了大部分兼容性细节，让异步请求编写更加简洁。

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

1. 基本介绍

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

简单来说，ThreadLocal 就像是一个给当前线程绑定的'私有存储箱'。每个线程存取的数据互不干扰。

ThreadLocal<Object> threadLocal = new ThreadLocal<>();
threadLocal.set(dog);

如果需要在同一个线程共享多个对象，只需创建多个 ThreadLocal 实例即可。

2. 源码分析

ThreadLocal 的核心在于它与当前线程的绑定关系。

public void set(T value) {
  Thread t = Thread.currentThread();
  ThreadLocal.ThreadLocalMap map = getMap(t);
  if (map != null)
    map.set(this, value);
  else
    createMap(t, value);
}

执行 set 方法时，会获取当前线程对象，然后查找该线程内部的 ThreadLocalMap。这个 Map 的 Key 是当前 ThreadLocal 对象本身，Value 则是存入的数据。这意味着数据实际上是存储在 Thread 对象内部的，而非 ThreadLocal 对象中，从而实现了线程隔离。

随着线程销毁，ThreadLocalMap 也会随之释放，避免了内存泄漏风险（尽管弱引用设计仍需注意清理）。