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 在页面中显示随机数
最新文章
- java基础集合经典训练题
- PHP实现实现数字补零格式化
- osgearth+vs2010安装
- 关于scanf的几种处理方法
- python之6-4装饰器.md
- 设计模式的征途—19.命令(Command)模式
- java中方法传值小知识解析
- 第二篇--Jmeter测试Java请求
- python3之异常处理,断言和反射
- Struts(二十一):类型转换与复杂属性、集合属性配合使用
- MySQL 连接的使用
- 【STM32H7教程】第11章 STM32H7移植SEGGER的硬件异常分析
- Qin Shi Huang&#39;s National Road System HDU - 4081(树形dp+最小生成树)
- mysql 连接超慢
- python 获取文件目录位置
- 关于打包测试环境,百度地图报 Bmap not undefined
- 1085 PAT单位排行
- 【Python】xml 解析
- GoJS拖动设计
- 百度地图报错:APP Referer校验失败