使用Ajax将JSON对象发送到servlet

Ajax（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术，它允许在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。

基础概念

Ajax：通过JavaScript的XMLHttpRequest对象与服务器进行异步通信，实现局部页面更新。

JSON：一种数据格式，用于存储和交换结构化数据。

类型与应用场景

类型：

GET请求：用于获取数据。
POST请求：用于提交数据。

应用场景：

实时搜索建议。
表单数据的异步提交。
动态加载内容，如新闻更新、社交媒体动态等。

示例代码

以下是一个使用Ajax将JSON对象发送到Servlet的简单示例：

HTML部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax JSON to Servlet</title>
</head>
<body>
    <form id="dataForm">
        <input type="text" id="name" name="name">
        <input type="email" id="email" name="email">
        <button type="button" onclick="sendData()">Submit</button>
    </form>
    <script src="script.js"></script>
</body>
</html>

JavaScript部分（script.js）

function sendData() {
    var name = document.getElementById('name').value;
    var email = document.getElementById('email').value;

    var data = {
        name: name,
        email: email
    };

    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/your-servlet-url', true);
    xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            alert('Data sent successfully!');
        }
    };
    xhr.send(JSON.stringify(data));
}

Servlet部分（Java）

import java.io.BufferedReader;
import java.io.IOException;
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 com.google.gson.Gson;

@WebServlet("/your-servlet-url")
public class YourServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        StringBuilder sb = new StringBuilder();
        BufferedReader reader = request.getReader();
        String line;
        while ((line = reader.readLine()) != null) {
            sb.append(line);
        }
        Gson gson = new Gson();
        DataObject data = gson.fromJson(sb.toString(), DataObject.class);
        // 处理数据...
        response.getWriter().write("Data received");
    }
}

class DataObject {
    private String name;
    private String email;

    // Getters and setters...
}