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