【JavaWeb】异步请求——AJAX

作者：System 时间：2024年08月08日分类：所有,ajax 字数：1472

在JavaWeb中，可以使用AJAX（Asynchronous JavaScript and XML）来发送异步请求。以下是一个简单的例子，展示了如何使用JavaScript发送异步GET请求：

HTML部分：




<!DOCTYPE html>
<html>
<head>
    <title>AJAX Example</title>
    <script>
        function sendAjaxGetRequest() {
            var xhr = new XMLHttpRequest(); // 创建一个新的XMLHttpRequest对象
            xhr.onreadystatechange = function() { // 当readyState改变时触发
                if (xhr.readyState === 4 && xhr.status === 200) { // 请求完成并且成功
                    document.getElementById("result").innerHTML = xhr.responseText; // 更新页面内容
                }
            };
            xhr.open("GET", "servletURL", true); // 初始化请求：URL，方法，异步
            xhr.send(); // 发送请求
        }
    </script>
</head>
<body>
 
<button onclick="sendAjaxGetRequest()">Send AJAX GET Request</button>
<div id="result"></div>
 
</body>
</html>

Java Servlet部分（ServletURL.java）：




import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
 
public class ServletURL extends HttpServlet {
    public void doGet(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
            
            response.setContentType("text/plain");
            PrintWriter out = response.getWriter();
            out.print("Hello, World!"); // 响应内容
            out.flush();
    }
}

在这个例子中，当用户点击按钮时，JavaScript会通过AJAX异步发送一个GET请求到指定的Servlet URL。Servlet处理完请求后，会返回一个文本响应。当响应就绪时，JavaScript会更新页面中id为"result"的元素的内容。

【JavaWeb】异步请求——AJAX

评论已关闭

推荐阅读