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

Java基础入门day62

news 2025/11/3 6:18:24

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

设计模式和设计原则回顾

设计模式和设计原则回顾 23种设计模式是设计原则的完美体现，设计原则设计原则是设计模式的理论基石，设计模式在经典的设计模式分类中（如《设计模式：可复用面向对象软件的基础》一书中），总共有23种设计模式，分为三大类：一、创建型模式（5种） 1. 单例模式（Sing…...

编程新知 2025/8/10 21:01:28

springboot 百货中心供应链管理系统小程序

一、前言随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，百货中心供应链管理系统被用户普遍使用，为方…...

编程新知 2025/10/22 15:55:37

QMC5883L的驱动

简介本篇文章的代码已经上传到了github上面，开源代码作为一个电子罗盘模块，我们可以通过I2C从中获取偏航角yaw，相对于六轴陀螺仪的yaw，qmc5883l几乎不会零飘并且成本较低。参考资料 QMC5883L磁场传感器驱动 QMC5883L磁力计…...

编程新知 2025/7/21 15:40:47

定时器任务——若依源码分析

分析util包下面的工具类schedule utils： ScheduleUtils 是若依中用于与 Quartz 框架交互的工具类，封装了定时任务的创建、更新、暂停、删除等核心逻辑。 createScheduleJob createScheduleJob 用于将任务注册到 Quartz，先构建任务的 JobD…...

编程新知 2025/10/19 9:46:38

Axios请求超时重发机制

Axios 超时重新请求实现方案在 Axios 中实现超时重新请求可以通过以下几种方式： 1. 使用拦截器实现自动重试 import axios from axios;// 创建axios实例 const instance axios.create();// 设置超时时间 instance.defaults.timeout 5000;// 最大重试次数 cons…...

编程新知 2025/10/13 2:26:14