IT兄弟連 JavaWeb教程使用Servlet實如今頁面中顯示隨機數

時間 2019-12-04

標籤兄弟 javaweb 教程使用 servlet 如今頁面顯示隨機數欄目 Java 简体版

原文原文鏈接

在com.xdl.servlet包下定義RandomServlet類並HttpServlet類，在該類中生成隨機數併發送給客戶端。RandomServlet類詳細代碼以下：javascript

package com.xdl.servlet;html

import java.io.IOException;java

import java.io.PrintWriter;jquery

import java.util.Random;ajax

import javax.servlet.ServletException;json

import javax.servlet.annotation.WebServlet;瀏覽器

import javax.servlet.http.HttpServlet;服務器

import javax.servlet.http.HttpServletRequest;併發

import javax.servlet.http.HttpServletResponse;dom

@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>

<title>Title</title>

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>

</body>

</html>

如今啓動Tomcat服務器，打開瀏覽器並輸入http://localhost:8080/random/random.html。而後點擊頁面中的獲取隨機數按鈕，將顯示如圖1所示的頁面，重複點擊獲取隨機數按鈕，頁面中的數字將會重複變換。

圖1 在頁面中顯示隨機數

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

IT兄弟連 JavaWeb教程 使用Servlet實如今頁面中顯示隨機數

IT兄弟連 JavaWeb教程使用Servlet實如今頁面中顯示隨機數