JavaWeb14 - 异步请求 - 02 - Ajax

在Java Web应用中，我们可以使用Ajax来发送异步请求。以下是一个使用jQuery发送异步GET请求的例子：

首先，确保你的页面中包含了jQuery库。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

然后，使用jQuery编写异步请求的JavaScript代码：

$(document).ready(function() {
    $("#myButton").click(function() {
        $.ajax({
            url: 'asyncServlet', // 这里的URL应该是你的Servlet的映射URL
            type: 'GET', // 请求方法
            data: { param1: 'value1', param2: 'value2' }, // 发送到服务器的数据
            success: function(response) {
                // 请求成功后的回调函数
                // 在这里处理服务器的响应数据
                console.log('Response received from server: ' + response);
            },
            error: function() {
                // 请求失败后的回调函数
                console.log('An error occurred while sending the request.');
            }
        });
    });
});

在这个例子中，当按钮#myButton被点击时，会发送一个异步GET请求到asyncServlet。请求成功时，会在控制台打印出服务器的响应；失败时，会打印出错误信息。

确保你的web.xml中配置了相应的Servlet和映射：

<servlet>
    <servlet-name>AsyncServlet</servlet-name>
    <servlet-class>com.yourpackage.AsyncServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>AsyncServlet</servlet-name>
    <url-pattern>/asyncServlet</url-pattern>
</servlet-mapping>

在AsyncServlet类中，你需要处理GET请求，并响应数据：

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String param1 = request.getParameter("param1");
    String param2 = request.getParameter("param2");
 
    // 处理请求参数
    // ...
 
    // 响应数据
    response.setContentType("text/plain");
    response.setCharacterEncoding("UTF-8");
    PrintWriter out = response.getWriter();
    out.print("Response from server with params: " + param1 + " and " + param2);
    out.flush();
}

这样，当按钮被点击时，JavaScript会通过Ajax异步发送请求到服务器，服务器处理请求并响应，不会导致页面刷新。