IT兄弟连 JavaWeb教程 使用Servlet实现在页面中显示随机数

  • 2019 年 10 月 5 日
  • 笔记

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/ITXDL123/article/details/91360077

在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" οnclick="getRandom()">获取随机数</button><br>  <span id="sp1"></span>  </body>  </html>

现在启动Tomcat服务器，打开浏览器并输入http://localhost:8080/random/random.html。然后点击页面中的获取随机数按钮，将显示如图1所示的页面，重复点击获取随机数按钮，页面中的数字将会重复变换。

图1 在页面中显示随机数

VirMach 便宜 VPS

QNews

QNews