当前位置：首页 > 后端开发 > 正文

Java如何与网页交互？

admin
后端开发
2025-06-21
6

Java通过Servlet、JSP或Spring MVC等框架处理HTTP请求，接收网页表单数据或API调用，利用JDBC操作数据库后，将结果以JSON/HTML形式返回浏览器渲染，实现与网页的交互。

Java与网页的联系：实现动态交互的核心技术

Java与网页的交互主要通过服务器端技术实现，让网页能调用Java程序处理数据、执行业务逻辑并返回结果,以下是四种主流实现方式：

Servlet技术（基础核心）

原理：Java编写的Servlet运行在Web服务器（如Tomcat）中,接收HTTP请求并返回动态内容。

操作步骤：

创建Servlet类：
import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class HelloServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html"); PrintWriter out = response.getWriter(); out.println("<html><body><h1>Hello from Java Servlet!</h1></body></html>"); } }
配置web.xml（或使用注解@WebServlet）：

<servlet> <servlet-name>HelloServlet</servlet-name> <servlet-class>com.example.HelloServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>HelloServlet</servlet-name> <url-pattern>/hello</url-pattern> </servlet-mapping>
网页调用：
<a href="http://yourserver:8080/your-app/hello">访问Servlet</a>

JSP（JavaServer Pages）

原理：在HTML中嵌入Java代码,服务器将JSP编译为Servlet执行。

示例：

<%@ page contentType="text/html;charset=UTF-8" %> <html> <body> <% String user = request.getParameter("user"); out.println("欢迎用户: " + (user != null ? user : "访客")); %> </body> </html>

访问URL：http://yourserver:8080/app/page.jsp?user=张三

Java如何与网页交互？第1张

Spring Boot + RESTful API（现代主流方案）

原理：Java后端提供API接口,网页通过Ajax调用获取JSON数据。

步骤：

创建Spring Boot控制器：
@RestController public class UserController { @GetMapping("/api/user") public Map<String, String> getUser() { return Map.of("name", "李四", "role", "管理员"); } }
网页通过JavaScript调用：

<script> fetch('http://yourserver:8080/api/user') .then(response => response.json()) .then(data => { document.getElementById("result").innerText = data.name; }); </script> <div id="result"></div>

WebSocket实时通信

原理：建立全双工连接,实现服务器主动推送数据。

Spring Boot实现：

配置WebSocket端点：
@ServerEndpoint("/chat") public class ChatEndpoint { @OnOpen public void onOpen(Session session) { // 新连接建立 } @OnMessage public void onMessage(String message, Session session) { // 处理网页发送的消息 session.getBasicRemote().sendText("Java回复: " + message); } }
网页客户端：
const socket = new WebSocket('ws://yourserver:8080/chat'); socket.onmessage = (event) => { console.log("收到Java消息: " + event.data); };