首页简单的java页面前端和后端的代码

简单的java页面前端和后端的代码

时间: 2023-12-23 12:01:56 浏览: 73

以下是一个简单的Java页面的前端和后端代码示例：前端代码（使用HTML和JavaScript）： ```html <!DOCTYPE html> <html> <head> <title>简单Java页面</title> </head> <body> <h1>欢迎来到我的Java页面！</h1> <p id="message">点击按钮以获取后端消息。</p> <button onclick="getMessage()">获取消息</button> <script> function getMessage() { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("message").innerHTML = this.responseText; } }; xhr.open("GET", "/message", true); xhr.send(); } </script> </body> </html> ``` 后端代码（使用Java Servlet）： ```java import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class MessageServlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/plain"); response.setCharacterEncoding("UTF-8"); response.getWriter().write("这是后端返回的消息。"); } } ``` 在这个示例中，前端页面显示一个欢迎消息和一个按钮，点击按钮后会向后端发送一个GET请求。后端使用Java Servlet来处理请求，返回一个简单的消息。前端通过JavaScript来处理响应并将消息显示在网页上。

阅读全文