前端XHR请求数据
axios封装了XHR(XMLHttpRequest)
效果
项目结构
Jakarta EE9，Web项目。
无额外的maven依赖
1、Web页面
index.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script>/*** 更新页面上的时间。* 该函数不接受参数且无返回值。* 使用XMLHttpRequest对象向服务器请求最新时间，* 并将获取到的时间更新到页面指定元素中。*/function updateTime() {// 创建XMLHttpRequest对象let xhr = new XMLHttpRequest();// 定义请求状态变化时的处理函数xhr.onreadystatechange = function () {// 当请求完成且响应成功时执行更新if (xhr.readyState === 4 && xhr.status === 200) {// 将服务器返回的时间文本更新到页面元素中document.getElementById("time").innerText = xhr.responseText}};// 初始化GET请求//'GET'表示请求的方式为GET，'time'表示请求的资源地址，true表示请求是异步的。这个方法不会发送请求，只是初始化请求的相关属性和状态。xhr.open('GET', 'time', true);// 发送请求xhr.send();}</script>
</head><body>
<div id="time"></div>
<br>
<button onclick="updateTime()">更新数据</button>
<script>updateTime()//程序加载到这里的时候，加载一次时间
</script>
</body>
</html>
2、后端Servlet
TimeServlet.java
package com.example.webtest1;import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.SimpleTimeZone;@WebServlet("/time")
public class TimeServlet extends HttpServlet {/*** 该方法重写了HttpServlet的doGet方法，用于处理GET请求。* @param req HttpServletRequest对象，代表客户端的请求。* @param resp HttpServletResponse对象，用于向客户端发送响应。* @throws ServletException 如果处理请求时发生Servlet异常，则抛出。* @throws IOException 如果处理请求时发生IO异常，则抛出。*/@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {// 创建SimpleDateFormat实例，用于格式化当前日期和时间SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");// 获取并格式化当前日期和时间String date = dateFormat.format(new Date());// 设置响应的内容类型为HTML，编码方式为UTF-8resp.setContentType("text/html;charset=UTF-8");// 将格式化的日期写入响应体中resp.getWriter().write(date);}
}参考
https://www.itbaima.cn/document/ycpagby2v7j4p728
相关文章：
前端XHR请求数据
axios封装了XHR(XMLHttpRequest) 效果 项目结构 Jakarta EE9，Web项目。 无额外的maven依赖 1、Web页面 index.html <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title&…...
利用香港多IP服务器优化网站访问速度的关键策略?
利用香港多IP服务器优化网站访问速度的关键策略? 随着数字化时代的不断发展，网站的全球访问速度成为企业吸引用户、提升竞争力的重要因素。特别对于跨国企业而言，如何确保全球用户都能享受到稳定快速的访问体验显得尤为重要。在这一背景下，…...
如何快速将视频做成二维码？扫描二维码播放视频的制作方法
视频二维码的用途越来越多，比如常见的有产品展示、企业宣传、教程说明、个人展示等都可以生成二维码，通过扫码在手机或者其他设备上预览内容，从而提升其他人获取视频的速度，实现内容的快速分享。 对于有制作视频二维码需求的小伙…...
使用python开发的闭运算调试器
使用python开发的开运算调试器 简介效果代码 简介 用来调试闭运算效果的小工具，滑动条可以控制滤波核的大小，用来查看不同滤波核下的闭运算效果。 效果 代码 import sys from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QHBoxLayou…...
一例Phorpiex僵尸网络变种的分析
概述 这是一例Phorpiex僵尸网络变种，通过NSIS打包，加载恶意dll(Flaminius.dll)，读取dat文件（Preoral.dat），在内存解密并解压缩出一个Pe，创建同名傀儡进程并注入。通过可移动存储介质传播&#…...
PDF文件转换为CAD的方法
有时候我们收到一个PDF格式的设计图纸，但还需要进行编辑或修改时，就必须先将PDF文件转换回CAD格式。分享两个将PDF转换回CAD的方法，一个用到在线网站，一个用到PC软件，大家根据情况选择就可以了。 ☞在线CAD网站转换 …...
Java为什么会成为现在主流的编程语言
Java为什么会成为现在的主流语言 前言一、Java语言概述Java是什么为什么大多数人会选择从事Java为什么从事Java的工作者数量从年递减 二、Java语言的特点简单性面向对象分布式（微服务）健壮性安全性体系结构中立可移植性解释型高性能多线程动态性 三、Jav…...
动手学深度学习16 Pytorch神经网络基础
动手学深度学习16 Pytorch神经网络基础 1. 模型构造2. 参数管理1. state_dict()2. normal_() zeros_()3. xavier初始化共享参数的好处 3. 自定义层4. 读写文件net.eval() 评估模式 QA 1. 模型构造 定义隐藏层–模型结构定义前向函数–模型结构的调用 import torch from torch…...
前端无样式id或者class等来定位标签
目录： 1、使用背景2、代码处理 1、使用背景 客户使用我们产品组件，发现替换文件，每次替换都会新增如下的样式，造就样式错乱，是组件的文件，目前临时处理的话就是替换文件时删除新增的样式，但是发…...
机器人工具箱学习（三）
一、动力学方程 机器人的动力学公式描述如下： 式中， τ \boldsymbol{\tau} τ表示关节驱动力矩矢量； q , q ˙ , q \boldsymbol{q} ,\; \dot{\boldsymbol { q }} ,\; \ddot{\boldsymbol { q }} q,q˙,q分别为广义的关节位置、速度和加速…...
华为OD机试 - CPU算力分配（Java 2024 C卷 100分）
华为OD机试 2024C卷题库疯狂收录中，刷题点这里 专栏导读 本专栏收录于《华为OD机试（JAVA）真题（A卷B卷C卷）》。 刷的越多，抽中的概率越大，每一题都有详细的答题思路、详细的代码注释、样例测试…...
web前端框架设计第八课-表单控件绑定
web前端框架设计第八课-表单控件绑定 一.预习笔记 1.v-model实现表单数据双向绑定 2.搜索数据的实现 3.全选案例实现1—JQ方法 4.单选案例实现 5.数据级联（二级级联） 6.v-model中的修饰符 二.课堂笔记 三.课后回顾 –行动是治愈恐惧的良药，…...
这三个网站我愿称之为制作答辩PPT的神
很多快要毕业的同学在做答辩PPT的时候总是感觉毫无思路，一窍不通。但这并不是你们的错，对于平时没接触过相关方面，第一次搞答辩PPT的人来说，这是很正常的一件事。一个好的答辩PPT可以根据以下分为以下几部分来写。 1.研究的背景和…...
flutter开发实战-实现多渠道打包及友盟统计（亲测有效）
flutter开发实战-实现多渠道打包及友盟统计（亲测有效） 最近开发过程中，需要引入友盟进行统计服务。友盟统计还需要区分不同渠道的打开应用的情况，所以需要处理多渠道打包的问题。 一、引入友盟统计 在工程的pubspec.yaml中引入…...
JavaScript-JSON对象
JSON格式 JSON（JavaScript Object Notation, JS对象简谱）是一种轻量级的数据交换格式。它基于ECMAScript（European Computer Manufacturers Association, 欧洲计算机协会的一个子集，采用完全独立于编程语言的文本格式来存储和表示…...
【C语言】自定义类型之---结构体超详解（结构体的定义使用、指针结构体，内存对齐，......代码详解）
目录 前言： 一：结构体 1.1：什么是结构体？ 1.2：结构体类型的声明 1.3：结构体变量的定义 1.4：结构体的内存对齐 1.5：结构体传参 二：位段 2.1：位段是什…...
【完美恢复】修复计算机中丢失emp.dll的多个详细方法
最近，在尝试运行某款游戏时，我遭遇了一个令人头痛的问题——“emp.dll文件丢失”。这个错误通常意味着游戏的某个关键文件没有被正确加载或已损坏。以下是我解决问题的步骤和一些心得体会，希望对遇到类似问题的玩家们有所帮助。 emp.dll是一…...
暗黑4可以搬砖吗？暗黑4怎么搬砖 搬砖攻略
暗黑4可以搬砖吗？暗黑4怎么搬砖 搬砖攻略 暗黑破坏神4属于是暴雪旗下一款经典游戏IP，在全世界有着广泛的玩家群体，更是在今年暴雪国服宣布回归之后，吸引了一大批新玩家加入。今天小编就为大家带来暗黑4的详细搬砖教程。 现在我们…...
WLAN技术
冲突域：连接在同一传输线缆上的所有工作站的集合，或者说是同一物理网段上所有节点的集合共同竞争网络资源形成的域叫冲突域。 在OSI模型中，冲突域被看作是第一层的概念，连接同一冲突域的设备有中继器、集线器（hub&…...
维修AB罗克韦尔工控机 PanelView 900 2711-T9C8 SER C 触摸屏人机界面
可视化和 HMI 解决方案可帮助您满足生产力、创新和全球化需求。为电子操作员界面终端、分布式客户端/服务器 HMI 和信息软件提供了一致的外观和感觉。编程工具和高级软件应用程序包括远程访问和数据分析，可加速开发并提高效率。 图形终端 图形终端提供各种尺寸、操…...
学习STC51单片机32（芯片为STC89C52RCRC）OLED显示屏2
每日一言 今天的每一份坚持，都是在为未来积攒底气。 案例：OLED显示一个A 这边观察到一个点，怎么雪花了就是都是乱七八糟的占满了屏幕。。 解释 ： 如果代码里信号切换太快（比如 SDA 刚变，SCL 立刻变&#…...
力扣-35.搜索插入位置
题目描述 给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O(log n) 的算法。 class Solution {public int searchInsert(int[] nums, …...
ABAP设计模式之---“简单设计原则(Simple Design)”
“Simple Design”（简单设计）是软件开发中的一个重要理念，倡导以最简单的方式实现软件功能，以确保代码清晰易懂、易维护，并在项目需求变化时能够快速适应。 其核心目标是避免复杂和过度设计，遵循“让事情保…...
与常用工具深度洞察App瓶颈)
iOS性能调优实战：借助克魔(KeyMob)与常用工具深度洞察App瓶颈
在日常iOS开发过程中，性能问题往往是最令人头疼的一类Bug。尤其是在App上线前的压测阶段或是处理用户反馈的高发期，开发者往往需要面对卡顿、崩溃、能耗异常、日志混乱等一系列问题。这些问题表面上看似偶发，但背后往往隐藏着系统资源调度不当…...
LangChain知识库管理后端接口：数据库操作详解—— 构建本地知识库系统的基础《二》
这段 Python 代码是一个完整的 知识库数据库操作模块，用于对本地知识库系统中的知识库进行增删改查（CRUD）操作。它基于 SQLAlchemy ORM 框架 和一个自定义的装饰器 with_session 实现数据库会话管理。 📘 一、整体功能概述 该模块…...
【笔记】WSL 中 Rust 安装与测试完整记录
#工作记录 WSL 中 Rust 安装与测试完整记录 1. 运行环境 系统：Ubuntu 24.04 LTS (WSL2)架构：x86_64 (GNU/Linux)Rust 版本：rustc 1.87.0 (2025-05-09)Cargo 版本：cargo 1.87.0 (2025-05-06) 2. 安装 Rust 2.1 使用 Rust 官方安…...
Python 实现 Web 静态服务器（HTTP 协议）
目录 一、在本地启动 HTTP 服务器1. Windows 下安装 node.js1）下载安装包2）配置环境变量3）安装镜像4）node.js 的常用命令 2. 安装 http-server 服务3. 使用 http-server 开启服务1）使用 http-server2）详解 …...
苹果AI眼镜：从“工具”到“社交姿态”的范式革命——重新定义AI交互入口的未来机会
在2025年的AI硬件浪潮中，苹果AI眼镜（Apple Glasses）正在引发一场关于“人机交互形态”的深度思考。它并非简单地替代AirPods或Apple Watch，而是开辟了一个全新的、日常可接受的AI入口。其核心价值不在于功能的堆叠，而在于如何通过形态设计打破社交壁垒，成为用户“全天佩戴…...
Xela矩阵三轴触觉传感器的工作原理解析与应用场景
Xela矩阵三轴触觉传感器通过先进技术模拟人类触觉感知，帮助设备实现精确的力测量与位移监测。其核心功能基于磁性三维力测量与空间位移测量，能够捕捉多维触觉信息。该传感器的设计不仅提升了触觉感知的精度，还为机器人、医疗设备和制造业的智…...
CSS3相关知识点
CSS3相关知识点 CSS3私有前缀私有前缀私有前缀存在的意义常见浏览器的私有前缀 CSS3基本语法CSS3 新增长度单位CSS3 新增颜色设置方式CSS3 新增选择器CSS3 新增盒模型相关属性box-sizing 怪异盒模型resize调整盒子大小box-shadow 盒子阴影opacity 不透明度 CSS3 新增背景属性ba…...