IT兄弟连 JavaWeb教程 使用Servlet实现在页面中显示随机数
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了IT兄弟连 JavaWeb教程 使用Servlet实现在页面中显示随机数,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1911字,纯文字阅读大概需要3分钟。
内容图文
![IT兄弟连 JavaWeb教程 使用Servlet实现在页面中显示随机数](/upload/InfoBanner/zyjiaocheng/807/b3992eea9c2d44d3a7259d9d73b1ea7a.jpg)
在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 在页面中显示随机数
内容总结
以上是互联网集市为您收集整理的IT兄弟连 JavaWeb教程 使用Servlet实现在页面中显示随机数全部内容,希望文章能够帮你解决IT兄弟连 JavaWeb教程 使用Servlet实现在页面中显示随机数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。