在 com.xdl.servlet 包下定义 RandomServlet 类并 HttpServlet 类, 在该类中生成随机数并发送给客户端. RandomServlet 类详细代码如下:
- package com.xdl.servlet;
- import java.io.IOException;
- import java.io.PrintWriter;
- import java.util.Random;
- import javax.servlet.ServletException;
- import javax.servlet.annotation.webServlet;
- import javax.servlet.http.HttpServlet;
- import javax.servlet.http.HttpServletRequest;
- import javax.servlet.http.HttpServletResponse;
- @WebServlet("/randomValue")
- public class RandomValue extends HttpServlet {
- protected void service(HttpServletRequest request,
- HttpServletResponse response) throws ServletException, IOException {
- Random random = new Random();
- int r = random.nextInt(100);
- PrintWriter pw = response.getWriter();
- pw.write("" + r);
- pw.close();
- }
- }
编写客户端页面 random.html, 页面中定义一个按钮, 使用 Ajax 发送请求获取服务器端返回的随机数并显示在页面中. random.HTML 的详细代码如下:
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="UTF-8">
- <title>
- Title
- </title>
- <script type="text/javascript" src="js/jquery-3.3.1.js">
- </script>
- <script type="text/javascript">
- function getRandom() {
- $.Ajax({
- url: 'randomValue',
- type: 'type',
- async: true,
- data: {},
- dataType: 'json',
- success: function(result) {
- $('#sp1').HTML(result);
- },
- error: function() {
- alert("出错了");
- }
- });
- }
- </script>
- </head>
- <body>
- <button type="button" onclick="getRandom()">
- 获取随机数
- </button>
- <br>
- <span id="sp1">
- </span>
- </body>
- </HTML>
现在启动 Tomcat 服务器, 打开浏览器并输入 http://localhost:8080/random/random.HTML. 然后点击页面中的获取随机数按钮, 将显示如图 1 所示的页面, 重复点击获取随机数按钮, 页面中的数字将会重复变换.
图 1 在页面中显示随机数
来源: http://www.bubuko.com/infodetail-3087910.html