IT兄弟連 JavaWeb教程 使用Servlet實現在頁面中顯示隨機數
在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 在頁