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

JavaScript学习笔记（十三）：网络请求JS AJAX

news 文章来源：https://blog.csdn.net/wz_1992/article/details/141207651 2024/9/18 5:17:34

1、AJAX - XMLHttpRequest 对象

1.1 `XMLHttpRequest` 对象是 `AJAX` 的基石。

创建 XMLHttpRequest 对象
定义回调函数
打开 XMLHttpRequest 对象
向服务器发送请求

1.2 XMLHttpRequest 对象

所有现代浏览器都支持 XMLHttpRequest 对象。

XMLHttpRequest 对象可用于在后台与 Web 服务器交换数据。这意味着可以更新网页的部分内容，而无需重新加载整个页面。

1.3 创建 XMLHttpRequest 对象

所有现代浏览器（Chrome、Firefox、IE、Edge、Safari、Opera）都有内置的 XMLHttpRequest 对象。

创建 XMLHttpRequest 对象的语法：

variable = new XMLHttpRequest();

1.4 定义回调函数

回调函数是作为参数传递给另一个函数的函数。

在这种情况下，回调函数应包含响应准备就绪时要执行的代码。

xhttp.onload = function() {// 当响应准备就绪时要做什么
}

1.5 发送请求

如需向服务器发送请求，您可以使用 XMLHttpRequest 对象的 open() 和 send() 方法：

xhttp.open("GET", "ajax_info.txt");
xhttp.send();

示例：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title></head><body><button onclick="myFunction()">更改内容</button><p id="demo">内容</p><!-- 请确保替换path/to/your/file.txt为你的txt文件的实际路径。
如果你在客户端浏览器中尝试这个代码，它将不会工作，因为出于安全原因，
现代浏览器不允许通过XMLHttpRequest或fetch直接访问本地文件系统。
如果你需要在客户端操作文件，你可能需要使用HTML的<input type="file">元素允许用户
选择文件，然后使用FileReader API来读取文件内容。 --><script>function myFunction() {const xhttp = new XMLHttpRequest();xhttp.open("GET", "/text/demo.txt");xhttp.responseText = "text";xhttp.onload = function () {document.getElementById("demo").innerHTML = xhttp.responseText;};xhttp.send();}</script></body>
</html>

1.6 跨域访问（Access Across Domains）

出于安全原因，现代浏览器不允许跨域访问。

这意味着网页和它尝试加载的 XML 文件必须位于同一台服务器上。

W3School 上的例子都打开位于 W3School 域中的 XML 文件。

如果您想在自己的网页之一上使用上面的例子，您加载的 XML 文件必须位于您自己的服务器上。

1.7 XMLHttpRequest 对象方法

在这里插入图片描述

1.8 XMLHttpRequest 对象属性

在这里插入图片描述

1.8.1 onload 属性

使用 XMLHttpRequest 对象时，您可以定义一个回调函数，以便在请求收到答复时执行。

请在 XMLHttpRequest 对象的 onload 属性中定义该函数：

实例见1.5

1.8.2 多个回调函数

如果网站中有多个 AJAX 任务，则应创建一个执行 XMLHttpRequest 对象的函数，并为每个 AJAX 任务创建一个回调函数。

函数调用应包含 URL 以及响应准备就绪时要调用的函数。

实例：

loadDoc("url-1", myFunction1);loadDoc("url-2", myFunction2);function loadDoc(url, cFunction) {const xhttp = new XMLHttpRequest();xhttp.onload = function() {cFunction(this);}xhttp.open("GET", url);xhttp.send();
}function myFunction1(xhttp) {// 这里是动作
}
function myFunction2(xhttp) {// 这里是动作
}

1.8.3 onreadystatechange 属性

readyState 属性保存 XMLHttpRequest 的状态。

onreadystatechange 属性定义了一个回调函数，当 readyState 改变时执行该函数。

status 属性和 statusText 属性保存 XMLHttpRequest 对象的状态。

在这里插入图片描述
每次 readyState 改变时都会调用 onreadystatechange 函数。

当 readyState 为 4 且 status 为 200 时，响应就绪：

<!DOCTYPE html>
<html>
<body><div id="demo">
<h1>XMLHttpRequest 对象</h1>
<button type="button" onclick="loadDoc()">更改内容</button>
</div><script>
function loadDoc() {const xhttp = new XMLHttpRequest();xhttp.onreadystatechange = function() {if (this.readyState == 4 && this.status == 200) {document.getElementById("demo").innerHTML =this.responseText;}};xhttp.open("GET", "/demo/js/ajax_info.txt");xhttp.send();
}
</script></body>
</html>

onreadystatechange 事件被触发了四次（1-4），每次 readyState 变化一次。

2、AJAX - XMLHttpRequest

XMLHttpRequest 对象用于同服务器交换数据。

2.1 向服务器发送请求

如需向服务器发送请求，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：

xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();

在这里插入图片描述

2.2 GET 还是 POST？

GET 比 POST 更简单更快，可用于大多数情况下。

不过，请在以下情况始终使用 POST：

缓存文件不是选项（更新服务器上的文件或数据库）
向服务器发送大量数据（POST 无大小限制）
发送用户输入（可包含未知字符），POST 比 GET 更强大更安全

2.3 GET 请求

一条简单的 GET 请求：

xhttp.open("GET", "demo_get.asp", true);
xhttp.send();

在上面的例子中，您可能会获得一个缓存的结果。为了避免此情况，请向 URL 添加一个唯一的 ID：

xhttp.open("GET", "demo_get.asp?t=" + Math.random(), true);
xhttp.send();

如果您需要用 GET 方法来发送信息，请向 URL 添加这些信息：

xhttp.open("GET", "demo_get2.asp?fname=Bill&lname=Gates", true);
xhttp.send();

2.4 POST 请求

一条简单的 POST 请求：

xhttp.open("POST", "demo_post.asp", true);
xhttp.send();

如需像 HTML 表单那样 POST 数据，请通过 setRequestHeader() 添加一个 HTTP 头部。请在 send() 方法中规定您需要发送的数据：

xhttp.open("POST", "ajax_test.asp", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("fname=Bill&lname=Gates");

在这里插入图片描述

2.5 url - 服务器上的文件

open() 方法的 url 参数，是服务器上文件的地址：

xhttp.open("GET", "ajax_test.asp", true);

该文件可以是任何类型的文件，如 .txt 和 .xml，或服务器脚本文件，如 .asp 和 .php（它们可以在发送回响应之前在服务器执行操作）。

2.6 异步 - true 还是 false？

如需异步发送请求，open() 方法的 async 参数必须设置为 true：

xhttp.open("GET", "ajax_test.asp", true);

发送异步请求对 web 开发人员来说是一个巨大的进步。服务器上执行的许多任务都非常耗时。在 AJAX 之前，此操作可能会导致应用程序挂起或停止。

通过异步发送，JavaScript 不必等待服务器响应，而是可以：

在等待服务器响应时执行其他脚本
当响应就绪时处理响应

2.7 onreadystatechange 属性

通过 XMLHttpRequest 对象，您可以定义当请求接收到应答时所执行的函数。

这个函数是在 XMLHttpResponse 对象的 onreadystatechange 属性中定义的：

<!DOCTYPE html>
<html>
<body><div id="demo">
<h1>XMLHttpRequest 对象</h1>
<button type="button" onclick="loadDoc()">更改内容</button>
</div><script>
function loadDoc() {var xhttp = new XMLHttpRequest();xhttp.onreadystatechange = function() {if (this.readyState == 4 && this.status == 200) {document.getElementById("demo").innerHTML =this.responseText;}};xhttp.open("GET", "/demo/js/ajax_info.txt", true);xhttp.send();
}
</script></body>
</html>

2.8 同步请求

如需执行同步的请求，请把 open() 方法中的第三个参数设置为 false：

xhttp.open("GET", "ajax_info.txt", false);

有时 async = false 用于快速测试。你也会在更老的 JavaScript 代码中看到同步请求。

由于代码将等待服务器完成，所以不需要 onreadystatechange 函数：

<!DOCTYPE html>
<html>
<body><h1>XMLHttpRequest 对象</h1><p id="demo">让 AJAX 更改这段文本。</p><button type="button" onclick="loadDoc()">更改内容</button><script>
function loadDoc() {var xhttp = new XMLHttpRequest();xhttp.open("GET", "/demo/js/ajax_info.txt", false);xhttp.send();document.getElementById("demo").innerHTML = xhttp.responseText;
}
</script></body>
</html>

我们不推荐同步的 XMLHttpRequest (async = false)，因为 JavaScript 将停止执行直到服务器响应就绪。如果服务器繁忙或缓慢，应用程序将挂起或停止。

同步 XMLHttpRequest 正在从 Web 标准中移除，但是这个过程可能需要很多年。

现代开发工具被鼓励对使用同步请求做出警告，并且当这种情况发生时，可能会抛出 InvalidAccessError 异常。

3、AJAX - 服务器响应

3.1 onreadystatechange 属性

readyState 属性存留 XMLHttpRequest 的状态。

onreadystatechange 属性定义当 readyState 发生变化时执行的函数。

status 属性和 statusText 属性存有 XMLHttpRequest 对象的状态。

在这里插入图片描述
每当 readyState 发生变化时就会调用 onreadystatechange 函数。

更多信息：
AJAX - 服务器响应
AJAX XML 实例
AJAX PHP 实例
AJAX ASP 实例
AJAX Database 实例
XML 应用程序
AJAX 实例

JavaScript学习笔记（十三）：网络请求JS AJAX

1、AJAX - XMLHttpRequest 对象 1.1 XMLHttpRequest 对象是 AJAX 的基石。创建 XMLHttpRequest 对象定义回调函数打开 XMLHttpRequest 对象向服务器发送请求 1.2 XMLHttpRequest 对象所有现代浏览器都支持 XMLHttpRequest 对象。 XMLHttpRequest 对象可用于在后台与 Web…...

编程日记 2024/8/20 0:06:34

go for 循环变量的使用及易错点

1，for 循环变量，整个for循环中变量i始终使用一个变量，i地址不变，存放的内容在变 func main() {for i : 0; i < 10; i {fmt.Printf("值:%v 地址：%v \n", i, &i)} } 打印： 值:0 地址&am…...

编程日记 2024/8/20 0:05:33

2024嵌入式面试：OPPO嵌入式面试题及参考答案

目录 TCP 与 UDP 的区别是什么？请简述 TCP 的三次握手过程。 HTTP 协议的工作原理是什么？ C++11 引入了哪些新特性？什么是智能指针？如何解决其内存泄漏问题？进程间有哪些通信方式？ CPU 的调度策略有哪些？如何保证线程安全？多线程编程需要注意哪些问题？ S…...

编程日记 2024/8/20 0:03:31

Cesium模型制作，解决Cesium加载glb/GLTF显示太黑不在中心等问题

Cesium模型制作，解决Cesium加载glb/GLTF显示太黑不在中心等问题 QQ可以联系这里，谢谢...

编程日记 2024/8/20 0:02:29

Java 操作 Redis和redis持久化

一、Jedis 我们要使用 Java 来操作 Redis，Jedis 是 Redis 官方推荐的 java连接开发工具！ 使用Java 操作 Redis 中间件！ 1.导入对应的依赖 https://mvnrepository.com/artifact/redis.clients/jedis <dependency><groupId>redi…...

编程日记 2024/8/20 0:01:28

Expo创建的React Native项目如何在Windows上进行打包

文章目录前言eas打包步骤什么是AAB转换为apk文件本地打包以Windows为例先安装docker，然后手动创建下面的三个文件构建前言下面是Expo如何在本地进行打包的过程（windows） eas打包如果使用云打包，花费时间较多，时…...

编程日记 2024/8/20 0:00:27

探索Go语言中的结构体：定义和使用

引言 Go语言是一种静态类型的编程语言，它提供了多种数据结构来组织数据。结构体（struct）是Go中一种强大的自定义数据类型，允许你将多个不同或相同类型的字段组合成一个单一的实体。本文将介绍Go语言中结构体的基本概念、定义方法…...

编程日记 2024/8/19 23:58:24

Unity Dots学习（一）

先学习怎么使用，再研究底层代码。Dots大家都有所耳闻。一直没时间研究，最近研究一下看上图可知，哪怕是CPU的第三级缓存也比内存要快2-5倍。资料： 《DOTS之路》第零节——前导课(1)——DOTS的5W1H问题_哔哩哔哩_bilibili 《DOT…...

编程日记 2024/8/19 23:53:20

C语言刷题日记(附详解)(1)

一、选择判断部分第一题： 如下代码是否存在风险，并说明原因和修改方案 #include<stdio.h> int main() {char* str "hello world";*str a;return 0; }思路提示：这种形式的字符串存储在什么区域呢？是否真的有…...

编程日记 2024/8/19 23:52:19

SpringSecurity实现登录功能实战！！！

实现思路登录 ①自定义登录接口调用ProviderManager的方法进行认证如果认证通过生成jwt 把用户信息存入redis中 ②自定义UserDetailsService 在这个实现类中去查询数据库注意配置passwordEncoder为BCryptPasswordEncoder 退出登录，删除redis中的数…...

编程日记 2024/8/19 23:51:18

mysql中用一个查询获取多个数据库（模式）和表的计数之和

问题下面的查询返回了4排数据，这很好。但我同时需要对同一个查询中的所有计数求和。这如何实现？我已经尝试了多种不同的方法，但只得到sintax报错。 SELECT COUNT(*) FROM schema1.table WHERE STATE 17 AND LEVEL 1 UNION ALL SELECT CO…...

编程日记 2024/8/19 23:50:17

linux patch 的制作方式

文章目录制作patch1. 准备工作2. 使用 diff 命令生成补丁文件生成单个文件的补丁生成整个目录的补丁 3. 检查补丁文件使用patch1. 应用补丁文件1.1 应用单个文件的补丁1.2 应用整个目录的补丁总结示例：制作和应用补丁前言： 在Linux系统中&#xff0c…...

编程日记 2024/8/19 23:49:16

白骑士的C#教学进阶篇 2.4 LINQ查询

系列目录上一篇：白骑士的C#教学进阶篇 2.3 委托与事件 LINQ（Language Integrated Query）是C#中的一个强大特性，它提供了统一的语法来查询和操作各种数据源，如数组、集合、XML和数据库等。LINQ通过一种类似SQL的查询语…...

编程日记 2024/8/19 23:46:13

2024华为OD机试真题- 贪吃的猴子Python-C卷D卷-200分

目录题目描述输入描述输出描述用例1 用例2 用例3 解题思路代码 2024华为OD机试题库-(C卷+D卷)-(JAVA、Python、C++) 题目描述一只贪吃的猴子，来到一个果园，发现许多串香蕉排成一行，每串香蕉上有若干根香蕉。每串香蕉的根数由数组numbers给出。猴子获取香蕉，…...

编程日记 2024/8/19 23:44:11

4-1-2 直流电机（电机专项教程）

4-1-2 直流电机（电机专项教程） 4-1-2 直流电机主要参数尺寸参数额定电压额定电流空载转速如何控制直流电机有刷直流电机转向控制H桥电路控制转向如何控制电机转速PWM控制电机转速 4-1-2 直流电机之前学习了有刷直流电机的基本结构个工作原理&#xff…...

编程日记 2024/8/19 23:43:10

1 00:00:01,710 --> 00:00:03,670 基本路径写完之后 2 00:00:04,690 --> 00:00:07,270 接下来就是扩展路径 3 00:00:08,620 --> 00:00:14,000 扩展路径就是系统要处理的意外和分支 4 00:00:14,010 --> 00:00:19,710 系统要处理的 5 00:00:20,970 --> 00:00:…...

编程日记 2024/8/19 23:42:09

学习记录第二十八天

有名管道（FIFO） 在Linux系统中，有名管道是一种特殊类型的文件，它允许不相关的进程之间进行通信。有名管道在文件系统中有一个具体的路径和名称，因此它们可以被多个进程共同访问。有名管道的特点包括持久性、多进程访问…...

编程日记 2024/8/19 23:37:03

SpringBoot的事务/调度/缓存/邮件发送和一些Spring知识点总结

目录 1、SpringBoot的事务管理 2、SpringBoot的异步任务 3、SpringBoot定时任务调度 4、SpringBoot整合Mail发送邮件 5、Spring框架中的Bean的作用域 6、Spring框架中的Bean的线程安全 7、 Spring框架中的Bean生命周期 8、Spring框架如何解决循环依赖？ 9、…...

编程日记 2024/8/19 23:30:57

透明加密技术

透明加密技术，也被称为透明数据加密（Transparent Data Encryption, TDE），是一种加密方法，它允许数据在存储时自动加密和解密，而不需要用户进行任何手动操作。透明加密技术主要应用于数据库、文件系统和磁盘…...

编程日记 2024/8/19 23:28:55

深入理解Faiss：高效向量检索的利器

近年来，随着人工智能和机器学习技术的飞速发展，向量检索技术变得越来越重要。无论是在推荐系统、图像搜索还是自然语言处理等领域，向量检索都扮演着至关重要的角色。而在众多向量检索库中，Faiss（Facebook AI Similarit…...

编程日记 2024/8/19 23:23:50

RK3576 芯片介绍

RK3576 芯片介绍 RK3576瑞芯微第二代8nm高性能AIOT平台，它集成了独立的6TOPS（Tera Operations Per Second，每秒万亿次操作）NPU（神经网络处理单元），用于处理人工智能相关的任务。此外&#xff0…...

编程日记 2024/8/19 23:21:47

Python模块篇（五）

模块模块与包模块的导入与使用标准库的常用模块第三方库的安装与使用（如：pip工具） 模块与包模块是一个包含 Python 代码的文件，通常以 .py 作为扩展名。一个模块可以包含函数、类、变量，以及可执行的代码段。模块的…...

编程日记 2024/8/19 23:20:46

西安旅游系统--论文pf

TOC springboot383西安旅游系统--论文pf 第1章绪论 1.1 课题背景二十一世纪互联网的出现，改变了几千年以来人们的生活，不仅仅是生活物资的丰富，还有精神层次的丰富。在互联网诞生之前，地域位置往往是人们思想上不可跨域的鸿…...

编程日记 2024/8/19 23:19:45

分享一个思路，使用插桩技术解决慢查询测试问题

前段时间，我负责测试的系统在生产环境运行出现问题。该系统对于响应时间要求较高，问题发生的时候并发很高，出现大量请求超时，超时请求比例随时间推迟越来越高，最后几乎全部请求都失败。滚动重启了所有进程后&#xff0…...

编程日记 2024/8/19 23:17:43

【STM32项目】在FreeRtos背景下的实战项目的实现过程（二）

个人主页~ 实战项目的实现过程（一）~ 实战项目的实现过程二、初步了解各个外设硬件1、OLED模块2、GPS模块3、MPU6050模块4、超声测距模块5、温度测控模块6、语音模块7、SIM模块8、按键模块三、查阅资料1、查看手册2、查找例程四、研究硬件功能1、OLED…...

编程日记 2024/8/19 23:14:40

javaer快速入门 goweb框架 gin

gin 入门前置条件安装环境配置代理 # 配置 GOPROXY 环境变量，以下三选一# 1. 七牛 CDN go env -w GOPROXYhttps://goproxy.cn,direct# 2. 阿里云 go env -w GOPROXYhttps://mirrors.aliyun.com/goproxy/,direct# 3. 官方 go env -w GOPROXYhttps://goproxy.…...

编程日记 2024/8/19 23:11:37

SQL - 数据类型

字符串类型 char(10)，存储固定长度字符串 varchar(255)，存储可变长度字符串 mediumtext，中文本，对于存储JSON对象、SCV字符串很好使 longtext，长文本，可以很好地存储教本或许多年地日志文件 tinytext&#…...

编程日记 2024/8/19 23:09:35

进程相关知识

进程和程序的区别程序程序是静态的，是存储在硬盘、SSD等存储介质中的一个文件，通常由源代码（如 .c 文件）编译生成的二进制可执行文件（如 a.out）。程序包含了指令和数据，但在未被执行时&#…...

编程日记 2024/8/19 23:08:35

萝卜快跑和端到端的自动驾驶（1）

先看一篇论文 2311.18636 (arxiv.org) 这篇论文里有一个非常好的图比较了一下模块化任务(级联任务)和端到端自动驾驶的区别首先什么叫模块化任务(级联) 如上图所示，左边的方块中的子方块，是展示了自动驾驶获取数据的途径，这里包括&…...

编程日记 2024/8/19 23:07:34

通信原理学习笔记

一个手机通话需要经过下面三个网络类别接入网（Access Network）承载网（Transport Network）核心网（Core Network）定义连接终端用户与电信网络的部分。在接入网和核心网之间传输数据的网络。处理、交换和管理…...

编程日记 2024/8/19 23:03:30

系统编程---day4

1. 链接文件命令行： ln -s 文件名 softlink 1.1 symlink int symlink(const char *oldpath, const char *newpath); 功能:创建一个链接向oldpath文件的新符号链接文件参数:oldpath:被链接向的文件的路径 newpath:新符号链接文件返回值:成功返回0,失败返回…...

编程日记 2024/8/19 23:00:26

01：电容的什么，各类电容的优缺点

1.电容是什么？ 电容是由两块不连通的导体，已经中间的不导电材料组成电容结构： 1.2电容的容量计算公式 C ε s d \displaystyle\frac{εs}{d} dεs 1.3常见电容的种类 1.4各类电容的特点...

编程日记 2024/8/19 22:57:24

Android+Jacoco+code-diff全量、增量覆盖率生成实战

背景主要是记录下Android项目使用jacoco生成代码覆盖率的实战流程，目前已完成全量覆盖方案，仅使用jacoco就能实现； 由于我们的Android端是使用Java和kotlin语言,目前增量的方案code-diff仅针对Java代码，卡在kotlin文件的分析&am…...

编程日记 2024/8/19 22:55:22

乌龟对对碰在线版

爆肝两天使用vue开发了一个在线版的乌龟对对碰小游戏之幸运对对碰。没有找到合适的乌龟素材，现在使用小兔子代替。体验地址：幸运对对碰 | 乌龟对对碰小游戏之前的python版本的乌龟对对碰：写文章-CSDN博客乌龟对对碰-幸运对对碰...

编程日记 2024/8/19 22:54:21

如何更改select option边框颜色和选中的颜色

<!doctype html> <html> <head> <meta charset"utf-8"> <title>如何更改select option边框颜色和选中的颜色</title> </head><style>ul{border: 1px solid #000000;width: 500px;height: auto;background-color: aq…...

编程日记 2024/8/19 22:49:12

6. 数据结构—串的匹配算法

1.BF算法(暴力算法) //模式匹配(暴力算法) int Index(SString S,SString T){int i1,j1;while(i<S.length&&j<T.length){if(S[i]T[i]){i;j;}else{ii-j2; //最开始匹配的位置的后一个j1; //从头匹配 }}if(j>T.length)return i-T.length;return return 0…...

编程日记 2024/8/19 22:48:11

九大服务架构性能优化方式

来源：九大服务架构性能优化方式目录性能优化九大方式： 缓存使用什么样的缓存缓存常见问题缓存淘汰缓存数据一致性并行化处理批量化处理数据压缩合并无锁化顺序写分片化避免请求池化异步处理总结最近做了一些服务性能优…...

编程日记 2024/8/19 22:47:08

【RabbitMQ】相关概念 + 工作模式

本文将介绍一些MQ中常见的概念，同时也会简单实现一下RabbitMQ的工作流程。 MQ概念 Message Queue消息队列。是用来存储消息的队列，多用于分布式系统之间的通信。系统间调用通常有：同步通信和异步通信。MQ就是在异步通信的时候使用的。同…...

编程日记 2024/8/19 22:46:07

嵌入式学习 ——（Linux高级编程——进程）

目录一、进程的含义二、进程和程序的区别三、进程的作用四、进程的状态五、进程的调度与上下文切换六、查询进程相关命令七、fork()函数八、getpid()和getppid()函数九、面试题解析： 十、应用场合及测试一、进程的含义进程指正在运行的程序&a…...

编程日记 2024/8/19 22:45:05

C++练习备忘录

1. 保留两位小数输出格式 #include <iostream> #include <iomanip> using namespace std; int main() {double S 0;S (15 25) * 20 / 2;cout << fixed << setprecision(2) << S;return 0; }2. 设置输出宽度 #include <iostream> #inclu…...

编程日记 2024/8/19 22:44:00

改善工作流

快捷键管理器打开Editor->Shortcuts查看和编辑Unity中的快捷键示例 ShiftSpace 窗口最大化 P 选择预制体进入预制体编辑模式单一检视窗口选择组件，选择Properties打开一个窗口，显示组件信息；切换对象，窗口信息不会改变…...

编程日记 2024/8/19 22:42:59

迭代器失效

一、什么是迭代器失效迭代器的主要作用就是让算法能够不用关心底层数据结构，其底层实际就是一个指针，或者是对指针进行了封装，比如：vector的迭代器就是原生态指针T* 。因此迭代器失效，实际就是迭代器底层对应指针所指…...

编程日记 2024/8/19 22:37:52

@RequestParam @RequestBody @PathVariable 这三个注解对应的前端使用vue的http请求时不同的调用方式

1. RequestParam 用途：用于提取请求参数，常见于GET请求或表单提交。 Vue HTTP 请求示例： // 使用axios发送GET请求 axios.get(/api/users, { params: { id: 1, name: John } }); 2. RequestBody 用途：用于提取请求体…...

编程日记 2024/8/19 22:36:51

SQL - 索引

索引本质上是数据库引擎用来快速查找数据的数据结构，可以显著提高查询的性能，为了加快运行较慢的查询。创建索引默认索引 create index 索引名 on 表名 (列名); 通过对列名进行创建索引，在查询的时候，数据库就能通过索引找到匹配…...

编程日记 2024/8/19 22:33:46

Oracle23ai新特性FOR LOOP循环控制结构增强

在Oracle数据库中，FOR LOOP是一种常用的循环控制结构，它允许你重复执行一系列语句固定次数或直到满足特定条件为止。然而，标准的Oracle PL/SQL中的FOR LOOP主要用于遍历集合（如数组或游标的结果集），而不是像…...

编程日记 2024/8/19 22:32:43

DHU OJ 二维数组

思路及代码 #include<iostream> using namespace std; int main(){ //input 多组 //input M,N int 1< <20 //input M 行 N 列数据 //initialize listint M, N;while (cin >> M >> N){int list[M][N];for (int i 0; i < M-1; i){for (int j 0; j…...

编程日记 2024/8/19 22:31:42

UDP/TCP --- Socket编程

本篇将使用 Linux 中的系统调用来实现模拟 TCP 和 UDP 的通信过程，其中只对 UDP 和 TCP 进行了简单的介绍，本篇主要实现的是代码，至于 UDP 和 TCP 的详细讲解将会在之后的文章中给出。本篇给出的 tcp 和 udp 的代码中的 echo 都是测试连接是…...

编程日记 2024/8/19 22:29:40

【C语言】最详细的单链表（两遍包会！）

🦄个人主页:小米里的大麦-CSDN博客 🎏所属专栏:C语言数据结构_小米里的大麦的博客-CSDN博客 🎁代码托管:黄灿灿/数据结构 (gitee.com) ⚙️操作环境:Visual Studio 2022 目录一、前言二、单链表的概念 1. 单链表的特点 2. 单链表的基本…...

编程日记 2024/8/19 22:28:39

QT：VS2019 CMake编译CEF

CEF介绍 CEF作为一个基于Chromium的开源Web浏览器控件，为第三方应用提供了强大的嵌入浏览器支持。其多平台支持、HTML5特性、自定义能力以及多进程架构等特性，使得CEF在浏览器开发、桌面应用、开发工具以及自动化测试等领域得到了广泛应用。多平台支持…...

编程日记 2024/8/19 22:27:38

day31(8/19)——静态文件共享、playbook

目录一、ansible模块 script模块 copy模块使用command模块下载 nfs-utils rpcbind 在被控制的主机上添加static目录，并创建test文件 command模块 service模块二、playbook 三、playbook编排vsftpd 1、安装 2、卸载 3、启动服务 4、修改配置文件设置不…...

编程日记 2024/8/19 22:24:35

1、AJAX - XMLHttpRequest 对象

1.1 XMLHttpRequest 对象是 AJAX 的基石。

1.2 XMLHttpRequest 对象

1.3 创建 XMLHttpRequest 对象

1.4 定义回调函数

1.5 发送请求

1.6 跨域访问（Access Across Domains）

1.7 XMLHttpRequest 对象方法

1.8 XMLHttpRequest 对象属性

1.8.1 onload 属性

1.8.2 多个回调函数

1.8.3 onreadystatechange 属性

2、AJAX - XMLHttpRequest

2.1 向服务器发送请求

2.2 GET 还是 POST？

2.3 GET 请求

2.4 POST 请求

2.5 url - 服务器上的文件

2.6 异步 - true 还是 false？

2.7 onreadystatechange 属性

2.8 同步请求

3、AJAX - 服务器响应

3.1 onreadystatechange 属性

相关文章：

1.1 `XMLHttpRequest` 对象是 `AJAX` 的基石。