当前位置： 首页 > news >正文

Ajax模拟视频点赞功能

news 2026/5/21 7:59:19

前台

<%--Created by IntelliJ IDEA.User: xxDate: 2023/9/4Time: 10:00To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title><script src="js/jquery-3.7.0.js"></script><script>// 1.原始方式/*function like(){window.location.href = "likeServlet"}*/// 2.原生JS实现异步function like(){//获取XmlHttpRequest对象var xhr = new XMLHttpRequest();//设置请求xhr.open("get","likeServlet");//发送请求xhr.send();xhr.onreadystatechange = function (){//获取状态码if ( xhr.readyState== 4){var msg = xhr.responseText;document.getElementById("num").innerText = msg;}}}// 3.第一次封装/*$(function () {//点击事件$("#btn").click(function () {$.ajax({url:"likeServlet",data:null,type:"get",async:true,dataType:"text",success:function (msg) {$("#num").text(msg);}});});});*/// 4.第二次封装/*$(function (){$("#btn").click(function (){$.get("likeServlet",null,function (date) {$("#num").text(date)},"text");});})*/</script>
</head>
<body>
<video src="" controls></video>
<input type="button" id="btn" onclick="like()" value="点赞"></input>当前点赞量为：
<span style="color: red" id = "num">${count}
</span>
</body>
</html>

servlet

import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;@WebServlet("/likeServlet")
public class LikeServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//将获取的点赞了存储到ServletContextServletContext servletContext = getServletContext();//获取当前点赞量Integer count =(Integer) servletContext.getAttribute("count");//如果是第一个点赞if (count == null){count = 1;} else {count++;}servletContext.setAttribute("count",count);/*原生js*//*resp.sendRedirect("video.jsp");*//*ajax*/PrintWriter writer = resp.getWriter();writer.print(count);writer.close();}
}

相关文章：

Ajax模拟视频点赞功能

前台 <%--Created by IntelliJ IDEA.User: xxDate: 2023/9/4Time: 10:00To change this template use File | Settings | File Templates. --%> <% page contentType"text/html;charsetUTF-8" language"java" %> <html> <head>&l…...

编程日记 2023/9/9 1:45:23

java解决 衣服尺码 Compare T-Shirt Sizes

java解决衣服尺码 时间限制&#xff1a;3000MS 内存限制&#xff1a;589824KB 题目描述&#xff1a; 一般来说衣服尺码分为L&#xff0c;M&#xff0c;S三种&#xff0c;分别代表大(Large)&#xff0c;中(Medium)和小(Small)。不过由于人的身高差异性较大&#xff0c;尺码又会…...

编程日记 2023/9/9 1:44:21

基于python+Django深度学习的音乐推荐方法研究系统设计与实现

摘 要 数字化时代带动着整个社会的信息化发展&#xff0c;随着数字媒体的不断发展&#xff0c;现在通多媒体数字产品的内容越来越丰富&#xff0c;传播影响力越来越强&#xff0c;以音乐为例&#xff0c;现在的音乐文化多样、音乐资源也异常的丰富&#xff0c;在这种大数据的环…...

编程日记 2023/9/9 1:43:19

【枚举区间+线段树】CF Ehu 152 E

Problem - E - Codeforces 题意&#xff1a; 思路&#xff1a; 感觉是个套路题 对区间计数&#xff0c;按照CF惯用套路&#xff0c;枚举其中一个端点&#xff0c;对另一个端点计数 对于这道题&#xff0c;枚举右端点&#xff0c;对左端点计数 Code&#xff1a; #include &…...

编程日记 2023/9/9 1:42:18

宏定义天坑记录

宏定义天坑记录 事件原委与推理过程 在编译一个使用了Protobuf的项目时出现了如下报错 [ybVM-8-7-centos boost_searcher]$ make g -o http_server http_server.cc data/raw_html.pb.cc -stdc11 -lboost_system -lboost_filesystem -lpthread -ljsoncpp -lprotobuf In file…...

编程日记 2023/9/9 1:41:16

Git的一些常用概念与操作方法分享

Git是一个版本控制系统&#xff0c;它可以记录代码的变化历史并允许多个开发者同时对同一代码库进行开发。以下是Git的基本概念和使用方式&#xff1a; 仓库&#xff08;Repository&#xff09;- 保存代码的地方。Git仓库包含了所有的版本历史记录、代码以及其他相关文件。 分…...

编程日记 2023/9/9 1:40:14

webpack实战：某网站JS逆向分析

文章目录 1. 写在前面2. 抓包分析3. 扣加密代码 1. 写在前面 好的逆向能够帮助我们了解加密实现&#xff0c;然后根据加密方式&#xff08;md5,base64,res,des,rsa…)还原加密算法的过程。可以看看我之前的这篇文章&#xff1a;快速定位查找加密方式特征与技巧 目标站点&#…...

编程日记 2023/9/9 1:39:14

826. 安排工作以达到最大收益；2257. 统计网格图中没有被保卫的格子数；816. 模糊坐标

826. 安排工作以达到最大收益 核心思想&#xff1a;排序维护最大利润。首先我们需要对工人按照能力排序&#xff0c;前面工人满足的最大利润后面的工人肯定是满足的&#xff0c;所以我们只需要用一个tmp来维护小于等于当前工人的最大利润&#xff0c;然后如何得到tmp&#xff…...

编程日记 2023/9/9 1:38:13

JAVA毕业设计097—基于Java+Springboot+Vue+uniapp的医院挂号小程序系统(源码+数据库)

基于JavaSpringbootVueuniapp的医院挂号小程序系统(源码数据库)097 一、系统介绍 本系统前后端分离(网页端和小程序端都有) 本系统分为管理员、医院、用户三种角色(角色菜单可自行分配) 用户功能&#xff1a; 注册、登录、医院搜索、最新资讯、医生搜索、挂号预约、挂号记…...

编程日记 2023/9/9 1:37:12

4.3.3.1 【MySQL】CHAR(M)列的存储格式

我们知道 Compact 行格式在 CHAR(M) 类型的列中存储数据的时候还挺麻烦&#xff0c;分变长字符集和定长字符集的情况&#xff0c;而在 Redundant 行格式中十分干脆&#xff0c;不管该列使用的字符集是啥&#xff0c;只要是使用 CHAR(M) 类型&#xff0c;占用的真实数据空间就是…...

编程日记 2023/9/9 1:36:11

js 处理数组合并vs对象合并

前言: 前端开发中&#xff0c;我们会遇到各种数据的需求&#xff0c;但是后端给你返回的数据结构又不是你想要的&#xff0c; 只能自己动手&#xff0c;去组装数据&#xff0c;重新定义数据结构了。 1. js 数组合并的方法 常用的应该是 concat 方法. 示例: let arr1 […...

编程日记 2023/9/9 1:35:08

Webpack vs Vite的核心差异

构建速度: Webpack: Webpack的构建速度相对较慢&#xff0c;尤其在大型项目中&#xff0c;因为它需要分析整个依赖图&#xff0c;进行多次文件扫描和转译。Vite: Vite以开发模式下的极速构建著称。它利用ES模块的特性&#xff0c;只构建正在编辑的文件&#xff0c;而不是整个项…...

编程日记 2023/9/9 1:34:07

53、springboot对websocket的支持有两种方式-------1、基于注解开发 WebSocket ，简洁实现多人聊天界面

基于注解开发 WebSocket –注解就是&#xff1a; OnOpen、 OnClose 、 OnMessage 、OnError这些 ★ WebSocket的两种开发方式 ▲ Spring Boot为WebSocket提供了两种开发方式&#xff1a; 基于spring-boot-starter-websocket.jar开发WebSocket 基于Spring WebFlux开发WebSoc…...

编程日记 2023/9/9 1:33:03

18 Linux之Python定制篇-Python开发平台Ubuntu

18 Linux之Python定制篇-Python开发平台Ubuntu 文章目录 18 Linux之Python定制篇-Python开发平台Ubuntu18.1 安装Ubuntu虚拟机18.4 Ubuntu的root用户18.5 Ubuntu下开发Python 学习视频来自于B站【小白入门 通俗易懂】2021韩顺平 一周学会Linux。可能会用到的资料有如下所示&…...

编程日记 2023/9/9 1:32:03

AMEYA360：士兰微推出600A/1200V IGBT汽车驱动模块，提升充电速度与行驶动力

随着人们对环保意识的提高和汽车驾驶体验感的不断追求&#xff0c;新能源汽车的市场需求逐渐增大&#xff0c;已然成为汽车发展的大趋势&#xff0c;但是新能源汽车充电时间长、续航里程短等问题仍然是汽车厂商和车主们的痛点。因此&#xff0c;需要更好的汽车驱动产品来实现“…...

编程日记 2023/9/9 1:31:01

【Linux】Epoll Reactor【反应堆】模式的工作流程

Reactor模式的工作流程 主线程往epoll内核事件表中注册socket上的就绪事件。主线程调用epoll_wait等待socket上有数据可读。当socket上有数据可读时&#xff0c;epoll_wait通知主线程。主线程将socket可读事件放入请求队列。睡眠在请求队列上的某个工作线程被唤醒&#xff0c;…...

编程日记 2023/9/9 1:29:59

Php“梦寻”淘宝天猫商品详情数据接口，淘宝商品详情数据API接口，淘宝API接口申请指南(含代码示例)

淘宝商品详情接口 API 是开放平台提供的一种 API 接口&#xff0c;它可以帮助开发者获取淘宝商品的详细信息&#xff0c;包括商品的标题、描述、图片等信息。在淘宝电商平台的开发中&#xff0c;淘宝详情接口 API 是非常常用的 API&#xff0c;因此本文将详细介绍淘宝详情接口 …...

编程日记 2023/9/9 1:28:57

驱动轴相机参数设置Web前端界面开发

一、基于Django的Web应用界面的开发&#xff1a; 在Realtimeresults.html上添加一个按钮组件&#xff0c;获取检测到的轴型和车轮信息&#xff0c;点击后可以获取package.json里存放的json数据&#xff0c;效果如下&#xff1a; 实现逻辑&#xff1a;需要从URL设置、视图函数、…...

编程日记 2023/9/9 1:27:56

论文简读 LORA: LOW-RANK ADAPTATION OF LARGE LANGUAGE MODELS

论文地址&#xff1a;https://arxiv.org/pdf/2106.09685.pdf 项目地址&#xff1a;https://github.com/microsoft/LoRA 全文翻译地址&#xff1a;https://zhuanlan.zhihu.com/p/611557340 本来想自行翻译的&#xff0c;但最近没有空 1、关键凝练 1.1 LORA是什么&#xff1f; …...

编程日记 2023/9/9 1:26:55

23062网络编程day7

网络聊天室编写&#xff08;基于UDP&#xff09; 服务器 #include <myhead.h>#define PORT 8888 //端口号&#xff1a;接收方绑定的端口号 #define IP "192.168.114.56" //本机IP#define ERR_MSG(msg) do{\fprintf(stderr, "__%d__:&…...

编程日记 2023/9/9 1:25:52

大模型上下文窗口管理技巧：突破长度限制的艺术

大模型上下文窗口管理技巧&#xff1a;突破长度限制的艺术 前言 大模型的上下文窗口&#xff08;Context Window&#xff09;是指模型能够处理的最大输入长度。目前主流模型的上下文窗口从 4K 到 128K 不等&#xff0c;GPT-4 Turbo 甚至达到了 128K tokens。然而&#xff0c;随…...

编程新知 2026/5/21 7:11:01

如何用LizzieYzy围棋AI分析工具快速提升棋力：新手完整指南

如何用LizzieYzy围棋AI分析工具快速提升棋力&#xff1a;新手完整指南 【免费下载链接】lizzieyzy LizzieYzy - GUI for Game of Go 项目地址: https://gitcode.com/gh_mirrors/li/lizzieyzy 如果你正在寻找一款能够真正帮助提升围棋水平的AI分析工具&#xff0c;那么Li…...

编程新知 2026/5/21 5:49:42

P15906 [TOPC 2024] Business Magic 题解

P15906 [TOPC 2024] Business Magic Link: https://www.luogu.com.cn/problem/P15906 题目描述 沿街有 nnn 家商店&#xff0c;按从近到远的顺序编号为 111 到 nnn。上个月&#xff0c;商店 kkk 的净利润为 rkr_krk​。如果 rkr_krk​ 为正&#xff0c;表示盈利 rkr_krk​ 美…...

编程新知 2026/5/21 5:39:31

CANN/asc-devkit：int64转half精度函数

__ll2half_ru 【免费下载链接】asc-devkit 本项目是CANN 推出的昇腾AI处理器专用的算子程序开发语言&#xff0c;原生支持C和C标准规范&#xff0c;主要由类库和语言扩展层构成&#xff0c;提供多层级API&#xff0c;满足多维场景算子开发诉求。 项目地址: https://gitcode.c…...

编程新知 2026/5/21 4:39:06

Linux GPIO框架深度解析：从用户空间到内核驱动的完整路径

1. 项目概述&#xff1a;为什么要在Linux下研究GPIO&#xff1f;搞嵌入式开发的朋友&#xff0c;对GPIO&#xff08;通用输入输出&#xff09;肯定不陌生。它就像芯片的“手脚”&#xff0c;负责最简单的电平控制和信号读取。在单片机时代&#xff0c;我们通常直接操作寄存器&a…...

编程新知 2026/5/21 4:24:36

从场景到代码：如何用研华Navigator为PCIE1751规划数据采集方案（AI/AO/DI/DO全解析）

从场景到代码&#xff1a;如何用研华Navigator为PCIE1751规划数据采集方案&#xff08;AI/AO/DI/DO全解析&#xff09; 在工业自动化领域&#xff0c;数据采集系统的设计往往面临一个核心矛盾&#xff1a;硬件性能的丰富性与实际需求的精准匹配。研华PCIE-1751作为一款多功能数…...

编程新知 2026/5/21 4:03:07

GNSS模块教程：大夏龙雀 DX-GP21，从硬件接线到 NMEA 数据解析

在物联网、无人机、精准农业等场景中&#xff0c;高精度定位是核心需求。深圳大夏龙雀科技的 DX-GP21 作为一款多模多频 GNSS 模块&#xff0c;支持北斗、GPS、Galileo 等多系统联合定位&#xff0c;定位精度&#xff1c;1.0m&#xff0c;兼具低功耗、小尺寸特性&#xff0c;性…...

编程新知 2026/5/21 3:46:23

推客系统开发｜企业私域裂变刚需，低成本自动获客变现

公域投流成本居高不下、流量转化疲软&#xff0c;当下多数商家、企业都在转型私域运营。推客系统凭借低成本裂变、自动化运营、高留存等优势&#xff0c;成为企业盘活自有流量、实现自主拓客的核心工具。一、专属定制开发&#xff0c;适配各类业态支持个性化定制&#xff0c;自…...

编程新知 2026/5/21 3:42:17

复旦微FM33FR0xx开发板实战：从零构建低功耗电容触摸应用

1. 项目概述&#xff1a;从一块开发板说起最近在捣鼓智能家居的小玩意儿&#xff0c;想找个带触摸功能又够省电的MCU&#xff0c;正好看到了复旦微电子新出的FM33FR0xx系列开发套件。这板子到手玩了一阵&#xff0c;感觉挺有意思&#xff0c;它不单单是块核心板&#xff0c;还配…...

编程新知 2026/5/21 2:13:25

别让中文路径坑了你！FaceFusion在Windows和Mac上的完整环境配置与文件规范指南

别让中文路径坑了你&#xff01;FaceFusion在Windows和Mac上的完整环境配置与文件规范指南 在数字创意领域&#xff0c;FaceFusion作为一款强大的AI换脸工具&#xff0c;正受到越来越多内容创作者的青睐。然而&#xff0c;许多用户在初次接触时往往会被一系列看似莫名其妙的错误…...

编程新知 2026/5/21 1:06:48