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

Java基础入门day62

news 2025/9/15 0:15:33

day62

AJAX

概念

AJAX： Asynchronous Javascript And XML

AJAX是一种无需重新加载整个网页的情况下，能够更新部分网页的技术

AJAX是一种用于创建快速动态网页的技术

通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新

传统的网页如果需要更新内容，必须要重新加载整个网页，而AJAX不需要

工作原理

工作原理图

AJAX案例

使用AJAX来实现一个判断用户名是否存在的案例
<%--Created by IntelliJ IDEA.User: AdministratorDate: 2024/5/31Time: 9:06To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>registry</title>
</head>
<body>
<form action="registry" method="post">
username: <input type="text" name="username" οnblur="checkUsername()" id="username" /><SPAN id="usernameSpan"></span><br />
password: <input type="password" name="password" /><br />
<input type="submit" value="registry" />
</form>

<script>function checkUsername(){var username = document.getElementById("username").value;
// alert(username)
//    原生AJAX开发有四个步骤：//        1.  创建XMLHttpRequest对象//        2.  使用XMLHttpRequets对象的open方法创建请求，参数：请求方式，请求地址，是否异步//        3.  使用XMLHttpRequest对象的send方法发送请求，参数：请求参数//        4.  使用XMLHttpRequest对象的onreadystatechange事件监听请求状态，参数：请求回调函数var xhr = new XMLHttpRequest();
xhr.open("GET","checkUser?username="+username,true);
xhr.send();
xhr.onreadystatechange = function(){if(xhr.readyState == 4 && xhr.status == 200){var result = xhr.responseText;
// alert(result)
if(result == "1"){// alert("用户名已存在");document.getElementById("usernameSpan").innerHTML = "<FONT COLOR='RED'>用户名已存在</FONT>";}else{// alert("用户名可用");document.getElementById("usernameSpan").innerHTML = "<FONT COLOR='GREEN'>用户名可用</FONT>";}}}
}
</script>
</body>
</html>
其中open方法中的三个参数：

请求方式，一般是get或者post

请求的url，这个url将交给后端进行处理

是否是异步，使用AJAX一般都是期望使用异步，所以传递的参数为true

该open方法中的第二个参数url的值为checkUser，那么会将请求交给checkUser所对应的servlet，还有问号传参

只有真正指向了XMLHttpRequest对象的send方法才真正将请求交给了后端

后端将执行checkUser所对应的Servlet
package com.saas.day62;

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;

@WebServlet("/checkUser")
public class CheckUserServlet extends HttpServlet {
@Overrideprotected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {req.setCharacterEncoding("utf-8");resp.setCharacterEncoding("utf-8");resp.setContentType("text/html;charset=utf-8");

String username = req.getParameter("username");
if("admin".equalsIgnoreCase(username)){resp.getWriter().write("1");}else{resp.getWriter().write("0");}}
}
该Servlet中动态拿到用户从前端传递过来的username，拿到username与后台数据库进行比对（当前案例是模拟）

如果用户名存在则使用HttpServletResponse对象的getWriter方法的write方法将1写给前端，如果不存在则将0写给前端

这样就又回到了Registry.jsp页面

来到的AJAX的第四部，解释XMLHttpRequest对象的responseText可以获取到这个1或者0

通过获取到的1或者0动态更新当前页面的span内容，让它正确显示用户的提示信息

XMLHttpRequest

创建对象

XMLHttpRequest对象是AJAX的基础

所有的现代浏览器都支持该对象，新版本直接new关键字可以创建，老版本（IE5或者IE6）需要使用ActiveObject

该对象用于在后台与服务器交换数据。
var xhr = new XMLHttpRequest();                     //  主流浏览器都支持
var xhr = new ActiveXObject("Microsoft.XMLHTTP");   //  ie5或者ie6
    var xhr ;
if(window.XMLHttpRequest){          //  主流浏览器xhr = new XMLHttpRequest();} else{                             //  ie5或者ie6xhr = new ActiveXObject("Microsoft.XMLHTTP");}

XMLHttpRequest请求

如需将请求发送到服务器，我们使用XMLHttpRequest对象的open()和send()方法
xhr.open(method, url, async);
xhr.send();
open方法

参数描述
method GET或者POST，代表请求方式
url 请求在服务器上的位置
async 是否是异步，true为异步，false为同步

send（）方法将请求发送到服务器

参数	描述
method	GET或者POST，代表请求方式
url	请求在服务器上的位置
async	是否是异步，true为异步，false为同步

readyState

每当readyState改变时，就会触发onreadystatechange事件

在onreadystatechange事件中，我们规定当服务器响应已做好处理的准备是所执行的任务

readyState属性存有XMLHttpRequest对象的状态信息

当readyState值为4时status为200时，表示响应已就绪

status的值的对照表

响应码描述
200 交易成功
404 请求资源未找到
500 服务器内部错误
405 请求方式不正确

readyState

readyState值描述
0 请求未初始化
1 服务器连接已建立
2 请求已接收
3 请求处理中
4 请求已完成且响应已就绪

响应码	描述
200	交易成功
404	请求资源未找到
500	服务器内部错误
405	请求方式不正确

readyState值	描述
0	请求未初始化
1	服务器连接已建立
2	请求已接收
3	请求处理中
4	请求已完成且响应已就绪

XMLHttpRequest响应

如需获取来自服务器的响应，可以使用XMLHttpRequest对象的responseText或者responseXML属性

属性描述
responseText 获取字符串形式的响应数据
responseXML 获取XML格式的响应数据

属性	描述
responseText	获取字符串形式的响应数据
responseXML	获取XML格式的响应数据

回调函数

回调函数时一种以参数形式传递给另一个函数的函数

该函数调用包含URL以及发生onreadystatechange事件时执行的任务

<%--Created by IntelliJ IDEA.User: AdministratorDate: 2024/5/31Time: 9:06To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>registry</title>
</head>
<body>
<form action="registry" method="post">
username: <input type="text" name="username" οnblur="checkUsername()" id="username" /><SPAN id="usernameSpan"></span><br />
password: <input type="password" name="password" /><br />
<input type="submit" value="registry" />
</form>

<script>function checkUsername(){var username = document.getElementById("username").value;
// alert(username)
//    原生AJAX开发有四个步骤：//        1.  创建XMLHttpRequest对象//        2.  使用XMLHttpRequets对象的open方法创建请求，参数：请求方式，请求地址，是否异步//        3.  使用XMLHttpRequest对象的send方法发送请求，参数：请求参数//        4.  使用XMLHttpRequest对象的onreadystatechange事件监听请求状态，参数：请求回调函数var xhr ;
if(window.XMLHttpRequest){          //  主流浏览器xhr = new XMLHttpRequest();} else{                             //  ie5或者ie6xhr = new ActiveXObject("Microsoft.XMLHTTP");}
xhr.open("GET","checkUser?username="+username,true);
xhr.send();
xhr.onreadystatechange = function(){alert(xhr.readyState)if(xhr.readyState == 4 && xhr.status == 200){var result = xhr.responseText;
// alert(result)
if(result == "1"){// alert("用户名已存在");document.getElementById("usernameSpan").innerHTML = "<FONT COLOR='RED'>用户名已存在</FONT>";}else{// alert("用户名可用");document.getElementById("usernameSpan").innerHTML = "<FONT COLOR='GREEN'>用户名可用</FONT>";}}}
}
</script>
</body>
</html>

JSON

简介

JSON： JavaScript Object notation，js的对象标记，是一种轻量级的数据交换格式。

完全独立于编程语言的文本格式来存储和表示数据

简洁、清晰的层次结构使得JSON成为理想的数据交换语言

易于阅读和编写，同时也易于机器解析和生成，并有效地提高网络传输效率

相对于xml格式会显得更加简单
<students><student><sid>9527</sid><name>zhouxingxing</name><score>99</score><birth><year>1999</year><month>11</month><day>11</day></brith></student><student><sid>9527</sid><name>zhouxingxing</name><score>99</score></student><student><sid>9527</sid><name>zhouxingxing</name><score>99</score></student><student><sid>9527</sid><name>zhouxingxing</name><score>99</score></student><student><sid>9527</sid><name>zhouxingxing</name><score>99</score></student>
</students>
相较于以上的xml格式的数据，如果使用JSON，将以如下方式呈现：
[{sid: 9527, name: "zhouxingxing", score:99, birth:{year: 1999, month: 11, day: 11}},{sid: 9527, name: "zhouxingxing", score:99, birth:{year: 1999, month: 11, day: 11}},{sid: 9527, name: "zhouxingxing", score:99, birth:{year: 1999, month: 11, day: 11}},{sid: 9527, name: "zhouxingxing", score:99, birth:{year: 1999, month: 11, day: 11}},{sid: 9527, name: "zhouxingxing", score:99, birth:{year: 1999, month: 11, day: 11}}
]

语法

[]代表的时JSON数组

{}代表的时JSON对象

""表示属性名或者字符串类型的值

：表示属性和属性值之间的间隔符

，代表多个属性的间隔或者时多个元素的间隔

FastJSON

FastJSON是一个Java库，可以将Java对象转换成JSON格式，也可以将JSON格式的字符串转换为Java对象

该类库提供了toJSONString（）和parseObject（）方法将Java对象与JSON对象相互转换

package com.saas.test;

import com.alibaba.fastjson.JSON;
import com.saas.entity.Birth;
import com.saas.entity.Student;

import java.util.ArrayList;
import java.util.List;

public class TestJSON01 {
public static void main(String[] args) {Student s = new Student();
s.setSid(1);s.setName("张三");
//        s.setAge(20);s.setSex("男");s.setAddress("北京");s.setPhone("123456789");
Birth birth = new Birth();birth.setMonth(1);birth.setDay(1);birth.setYear(2000);
s.setBirth(birth);
System.out.println(s);
System.out.println("==============================");
String stuJson = JSON.toJSONString(s);System.out.println(stuJson);
System.out.println("==============================");
Student s2 = JSON.parseObject(stuJson, Student.class);System.out.println(s2);
System.out.println("==============================");
List<Student> stus = new ArrayList<>();
stus.add(s);stus.add(s2);
String stusJson = JSON.toJSONString(stus);System.out.println(stusJson);
System.out.println("==============================");
List<Student> stus2 = JSON.parseArray(stusJson, Student.class);System.out.println(stus2);}
}

该FastJSON的实现需要依赖于fastjson的第三方jar

Java基础入门day62

day62 AJAX 概念 AJAX： Asynchronous Javascript And XML AJAX是一种无需重新加载整个网页的情况下，能够更新部分网页的技术 AJAX是一种用于创建快速动态网页的技术通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新传统…...

编程日记 2024/6/1 1:48:34

Oracle中两张表具有相同结构，如何将一张表内容全部插入到另一个表中

在Oracle中，如果两张表具有相同的结构，你可以使用INSERT INTO ... SELECT语句将一张表的内容插入到另一张表中。以下是一个示例： 假设有两个表：table1 和 table2，它们具有相同的列结构。要将 table1 的所有内容插入到…...

编程日记 2024/6/1 1:45:31

比特币的理论上限是多少个？

标签： 比特币的理论上限； 已经挖出多少个比特币； 问题：比特币的理论上限是多少个？截至2023年10月，已经挖出多少个比特币出来了？ 比特币的理论上限比特币的设计者中本聪在比特币协议中设定了比…...

编程日记 2024/6/1 1:44:30

LeetCode-131 分割回文串

LeetCode-131 分割回文串题目描述解题思路C 代码题目描述给你一个字符串 s，请你将 s 分割成一些子串，使每个子串都是回文串。返回 s 所有可能的分割方案。示例 1： 输入：s “aab” 输出：[[“a”,“a”,“b”],…...

编程日记 2024/6/1 1:43:29

Flutter 中的 SliverPrototypeExtentList 小部件：全面指南

Flutter 中的 SliverPrototypeExtentList 小部件：全面指南 Flutter 是一个功能强大的 UI 框架，由 Google 开发，允许开发者使用 Dart 语言构建跨平台的移动、Web 和桌面应用。在 Flutter 的丰富组件库中，SliverPrototypeExtentLis…...

编程日记 2024/6/1 1:42:28

NeuralForecast 推理 - 数据集从文件dataset.pkl读

NeuralForecast 推理 - 数据集从文件dataset.pkl读 flyfish from ray import tune from neuralforecast.core import NeuralForecast from neuralforecast.auto import AutoMLP from neuralforecast.models import NBEATS, NHITS import torch import torch.nn as nn import …...

编程日记 2024/6/1 1:41:27

TS-类型转换（显式）

1.将其他类型转换为布尔类型要将其他类型转换为布尔类型，只需要将待转换的值传入Boolean()函数 var msg: string "ok"; var msgToBollean: boolean Boolean(msg); //得到trueBoolean()函数会判断传入的值是空值还是非空值。若表示非空值&#xff0…...

编程日记 2024/6/1 1:40:26

protobufjs 配置踩坑记录

本文主要是小程序使用PB协议，以下时博主遇到的问题以及解决办法。 1、安装protobufjs npm install --save protobufjs 注意：我之前也使用过 npm install -g protobufjs去安装，但是出现以下的问题，关键是我使用sudo 清除相关文件…...

编程日记 2024/6/1 1:39:25

freeswitch官方仓库

概述在使用源代码编译安装freeswitch的过程中，我们经常需要一些依赖库，其中freeswitch官方的yum源仓库是最齐全最方便的。但是，freeswitch仓库的配置和使用需要先在signalwire网站注册账号并获取PAT（personal access token&am…...

编程日记 2024/6/1 1:37:23

element ui el-calendar日历组件完整代码

el-calendar日历组件完整代码 1. 说在前面2. 日历整体代码3. 编辑与新增 1. 说在前面最近一直忙于上班，没咋看博客，发现很多小伙伴都要日历组件的代码，于是今天抽空给大家整理一下，为爱发电！日历组件的原文在这里&am…...

编程日记 2024/6/1 1:35:21

初识java——javaSE（8）异常

文章目录一异常的概念与体系结构1.1 什么是异常？1.2 异常的体系结构！1.3 编译时异常与运行时异常与Error编译时异常：异常声明：throws关键字运行时异常：什么是Error? 二处理异常2.1 异常的抛出：throw(注…...

编程日记 2024/6/1 1:34:20

C语言面试题11至20题

探索编程面试题：深度解析11至20题在编程面试中，经常会遇到一些需要深入理解计算机科学基础和编程原理的问题。以下是对一些常见面试题的详细解答，涵盖递归、循环控制、内存管理等关键概念。 11. 递归函数定义没有问题，递归深层…...

编程日记 2024/6/1 1:33:19

视频汇聚EasyCVR综合安防平台对接GA/T1400公安视图库及应用方案

随着科技的不断进步，视频监控系统在公共安全领域发挥着越来越重要的作用。GA/T1400公安视图库作为公安视频图像信息应用系统的标准，为视频监控系统的对接提供了统一的规范和技术要求。 GA/T1400标准的应用范围广泛，涵盖了公安系统的视频图像信…...

编程日记 2024/6/1 1:31:16

在Github找自己想要的的项目

点击进入github 1.首先进入到github的首页；搜索框搜（先关键字搜索）in:name 你的找的项目比如： in:name Sping Boot2.进一步检索（点赞数高的） in:name Sping Boot star:>1000 3.如何要找最新的&…...

编程日记 2024/6/1 1:30:15

第16篇：JTAG UART IP应用＜三＞

Q：如何通过HAL API函数库访问JTAG UART？ A：Quartus硬件工程以及Platform Designer系统也和第一个Nios II工程--Hello_World的Quartus硬件工程一样。 Nios II软件工程对应的C程序调用HAL API函数，如open用于打开和创建文件&#…...

编程日记 2024/6/1 1:29:14

Python——Selenium快速上手+方法（一站式解决问题）

目录前言一、Selenium是什么二、Python安装Selenium 1、安装Selenium第三方库 2、下载浏览器驱动 3、使用Python来打开浏览器三、Selenium的初始化四、Selenium获取网页元素 4.1、获取元素的实用方法 1、模糊匹配获取元素 & 联合多个样式 2、使用拉姆达表达式 3、加上…...

编程日记 2024/6/1 1:28:12

2024最新群智能优化算法：大甘蔗鼠算法（Greater Cane Rat Algorithm，GCRA）求解23个函数，提供MATLAB代码

一、大甘蔗鼠算法大甘蔗鼠算法（Greater Cane Rat Algorithm，GCRA）由Jeffrey O. Agushaka等人于2024年提出，该算法模拟大甘蔗鼠的智能觅食行为。参考文献 [1]Agushaka J O, Ezugwu A E, Saha A K, et al. Greater Cane Rat Alg…...

编程日记 2024/6/1 1:27:11

苍穹外卖数据可视化

文章目录 1、用户统计2、订单统计3、销量排名Top10 1、用户统计所谓用户统计，实际上统计的是用户的数量。通过折线图来展示，上面这根蓝色线代表的是用户总量，下边这根绿色线代表的是新增用户数量，是具体到每一天。所以说用户统计…...

编程日记 2024/6/1 1:26:09

AWS需要实名吗？

AWS作为全球领先的云计算服务提供商，对于实名认证有着严格的要求。实名认证是指用户在使用AWS服务时需要提供真实有效的个人身份信息，以便AWS能够对用户的身份进行验证和管理。对于AWS而言，实名认证是确保用户安全和服务质量的重要环节&#…...

编程日记 2024/6/1 1:24:08

Android下HWC以及drm_hwcomposer普法(下)

Android下HWC以及drm_hwcomposer普法(下) 引言不容易啊，写到这里。经过前面的普法(上)，我相信童鞋们对HWC和drm_hwcomposer已经有了一定的认知了。谷歌出品，必须精品。我们前面的篇章见分析到啥来了，对了分析到了HwcDisplay::in…...

编程日记 2024/6/1 1:23:07

2025年能源电力系统与流体力学国际会议 (EPSFD 2025)

2025年能源电力系统与流体力学国际会议（EPSFD 2025）将于本年度在美丽的杭州盛大召开。作为全球能源、电力系统以及流体力学领域的顶级盛会，EPSFD 2025旨在为来自世界各地的科学家、工程师和研究人员提供一个展示最新研究成果、分享实践经验及…...

编程新知 2025/9/9 10:11:30

【快手拥抱开源】通过快手团队开源的 KwaiCoder-AutoThink-preview 解锁大语言模型的潜力

引言： 在人工智能快速发展的浪潮中，快手Kwaipilot团队推出的 KwaiCoder-AutoThink-preview 具有里程碑意义——这是首个公开的AutoThink大语言模型（LLM）。该模型代表着该领域的重大突破，通过独特方式融合思考与非思考…...

编程新知 2025/9/6 0:09:27

浅谈不同二分算法的查找情况

二分算法原理比较简单，但是实际的算法模板却有很多，这一切都源于二分查找问题中的复杂情况和二分算法的边界处理，以下是博主对一些二分算法查找的情况分析。需要说明的是，以下二分算法都是基于有序序列为升序有序的情况&#xf…...

编程新知 2025/9/14 7:37:32

LeetCode - 199. 二叉树的右视图

题目 199. 二叉树的右视图 - 力扣（LeetCode） 思路右视图是指从树的右侧看，对于每一层，只能看到该层最右边的节点。实现思路是： 使用深度优先搜索(DFS)按照"根-右-左"的顺序遍历树记录每个节点的深度对于…...

编程新知 2025/9/13 20:07:18

深入浅出深度学习基础：从感知机到全连接神经网络的核心原理与应用

文章目录前言一、感知机 (Perceptron)1.1 基础介绍1.1.1 感知机是什么？1.1.2 感知机的工作原理 1.2 感知机的简单应用：基本逻辑门1.2.1 逻辑与 (Logic AND)1.2.2 逻辑或 (Logic OR)1.2.3 逻辑与非 (Logic NAND) 1.3 感知机的实现1.3.1 简单实现 (基于阈…...

编程新知 2025/9/4 2:37:46

并发编程 - go版

1.并发编程基础概念进程和线程 A. 进程是程序在操作系统中的一次执行过程，系统进行资源分配和调度的一个独立单位。B. 线程是进程的一个执行实体,是CPU调度和分派的基本单位,它是比进程更小的能独立运行的基本单位。C.一个进程可以创建和撤销多个线程;同一个进程中…...

编程新知 2025/9/2 17:48:53

uniapp 实现腾讯云IM群文件上传下载功能

UniApp 集成腾讯云IM实现群文件上传下载功能全攻略一、功能背景与技术选型在团队协作场景中，群文件共享是核心需求之一。本文将介绍如何基于腾讯云IMCOS，在uniapp中实现： 群内文件上传/下载文件元数据管理下载进度追踪跨平台文件预览二…...

编程新知 2025/9/14 20:44:53

华为OD最新机试真题-数组组成的最小数字-OD统一考试（B卷）

题目描述给定一个整型数组，请从该数组中选择3个元素组成最小数字并输出 (如果数组长度小于3，则选择数组中所有元素来组成最小数字)。输入描述行用半角逗号分割的字符串记录的整型数组，0<数组长度<= 100，0<整数的取值范围<= 10000。输出描述由3个元素组成…...

编程新知 2025/9/5 15:59:34

UE5 音效系统

一.音效管理音乐一般都是WAV,创建一个背景音乐类SoudClass,一个音效类SoundClass。所有的音乐都分为这两个类。再创建一个总音乐类，将上述两个作为它的子类。接着我们创建一个音乐混合类SoundMix，将上述三个类翻入其中，通过它管理每个音乐…...

编程新知 2025/9/3 17:41:20

李沐--动手学深度学习--GRU

1.GRU从零开始实现 #9.1.2GRU从零开始实现 import torch from torch import nn from d2l import torch as d2l#首先读取 8.5节中使用的时间机器数据集 batch_size,num_steps 32,35 train_iter,vocab d2l.load_data_time_machine(batch_size,num_steps) #初始化模型参数 def …...

编程新知 2025/9/13 9:34:03