在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 在页面中显示随机数