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所示的页面,重复点击获取随机数按钮,页面中的数字将会重复变换。

IT兄弟连 JavaWeb教程 使用Servlet实现在页面中显示随机数

图1  在页面中显示随机数

上一篇:Delphi 诡异的现象


下一篇:Delphi XE 10.2.3使用FastReport 6.0.7