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

Ajax(web笔记)

news 2026/4/7 8:47:05

文章目录

  • 1.Ajax的概念
  • 2.Ajax 的作用
  • 3.原生Ajax
  • 4.Axios
    • 4.1Axios的概念
    • 4.2Axios入门

1.Ajax的概念

AsynchronousJavaScriptAndXML，异步的JavaScript和XML

2.Ajax 的作用

  1. 数据交换:过Ajax可以给服务器发送请求，并获取服务器响应的数据。
  2. 异步交互:可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如：搜索联想、用户名是否可用的校验等等
    同步交互和异步交互的区别
    ![[Pasted image 20240817155750.png]]

3.原生Ajax

  1. 准备数据地址
  2. 创建XMLHttpRequest对象:用于和服务器交换数据
  3. 向服务器发送请求
  4. 获取服务器响应数据
    ![[Pasted image 20240817160729.png]]

![[Pasted image 20240817161256.png]]

![[Pasted image 20240817161848.png]]

4.Axios

4.1Axios的概念

Axios对原生的Ajax进行了封装,简化书写,快速开发
官网:https://www.axios-http.cn/

4.2Axios入门

  1. 引入Axios的js文件
    <script src ="js/axios-0.18.0.js"></script>
  2. 使用Axios发送请求,并获取响应结果

![[Pasted image 20240817164929.png]]

相关文章：

Ajax(web笔记)

文章目录 1.Ajax的概念2.Ajax 的作用3.原生Ajax4.Axios4.1Axios的概念4.2Axios入门 1.Ajax的概念 AsynchronousJavaScriptAndXML&#xff0c;异步的JavaScript和XML 2.Ajax 的作用 数据交换:过Ajax可以给服务器发送请求&#xff0c;并获取服务器响应的数据。异步交互:可以在…...

编程日记 2024/10/21 1:06:40

多入口+vite+vue3预渲染方案

如果你的项目要求加载速度要快，我们如果使用传统的vue3+sfc模式去开发，因为只有一个根节点，空白页面加载出来之后js才回去加载组件渲染，这样页面总是有一个短暂的空白。我们这里不讨论服务器端ssr和预渲染方案，仅仅是为了满足比较极端的优化需求，在这种情况下我的这套方案…...

编程日记 2024/10/21 1:04:38

Vue3+Ts函数封装与应用

目录 一、基础函数 二、实际应用 2.1、根据id找到对应的value值(找第一个) 2.2、根据id找到对应的value值(找所有) 2.3、不重复的升序数组找数字(二分查找) 2.4、重复的无序数组找数字(统计个数) 2.5、将数组整理为树结构(省市区为例) 为什么要积累呢&#xff1f;因为面…...

编程日记 2024/10/21 1:03:36

C语言全局变量和局部变量同时应用的题题型[求一堆数组中10个学生的成绩里最高分、最低分和平均分。]

C语言函数 全局变量与局部结合变量题。 本片代码中包含全局变量max和min。 以及局部变量aver。 全局变量运用于从定义变量开始&#xff0c;局部变量运用于定义它的调用函数内。 正文开始: #include <stdio.h> int max0,min0; int main() { int average(int array[…...

编程日记 2024/10/21 1:02:34

深度学习实战94-基于图卷积神经网络GCN模型的搭建以及在金融领域的场景

大家好，我是微学AI，今天给大家介绍一下深度学习实战94-基于图卷积神经网络GCN模型的搭建以及在金融领域的场景。文章首先介绍了GCN模型的原理及模型结构，随后提供了数据样例，并详细展示了实战代码。通过本文，读者可以深入了解GCN模型在金融场景下的应用，同时掌握代码的具…...

编程日记 2024/10/21 1:00:32

.NET 6新特性 | System.Text.Json功能改进

在.NET 6.0中&#xff0c;JSON处理库得到了显著的改进&#xff0c;主要体现在System.Text.Json上。以下是对.NET 6.0中改进的JSON处理库的详细分析&#xff1a; 一、System.Text.Json的引入与优势 在.NET 6中&#xff0c;Microsoft引入了新的JSON库System.Text.Json作为官方推…...

编程日记 2024/10/21 0:58:28

Matlab如何对全局优化算法启动并行计算

在 MATLAB 中&#xff0c;启用并行计算可以显著提高一些优化算法&#xff08;如遗传算法 ga 和粒子群算法 particleswarm&#xff09;的速度&#xff0c;特别是在种群或粒子群较大时。要启用并行计算&#xff0c;可以使用 UseParallel 参数。 1. 启用并行计算步骤 Step 1: 检…...

编程日记 2024/10/21 0:57:25

MYSQL-查看数据库中的存储过程语法（六）

13.7.5.9 SHOW CREATE PROCEDURE 语句 SHOW CREATE PROCEDURE proc_name此语句是 MySQL 扩展。它返回确切的字符串 &#xff0c;可用于重新创建命名的存储过程。SHOW CREATE FUNCTION&#xff0c;显示有关存储函数的信息 &#xff08;参见第 13.7.5.8 节“ SHOW CREATE FUNCTI…...

编程日记 2024/10/21 0:55:23

【深度学习】（12）--模型部署 ＜连接客户端与服务端＞

文章目录 模型部署一、模型部署的定义与目的二、模型部署的步骤三、模型部署的方式四、Flask框架五、实现模型部署1. 搭建服务端1.1 初始化Flask app1.2 加载模型1.3 数据预处理1.4 构建装饰器1.5 完整代码 2. 搭建客户端2.1 服务端网址2.2 发送请求2.3 完整代码 六、运行使用 …...

编程日记 2024/10/21 0:52:20

优化SQL查询的最佳实践：提升数据库性能的关键

SQL 查询是数据库操作的核心&#xff0c;特别是当数据量庞大时&#xff0c;性能问题尤为明显。优化 SQL 查询不仅能减少响应时间&#xff0c;还能提高系统整体的可伸缩性。本文将从索引、查询结构、数据库设计和缓存等方面详细介绍如何优化 SQL 查询以提升性能。 一、索引的使…...

编程日记 2024/10/21 0:48:15

【AIGC视频生成】视频扩散模型(综述+最新进展)

文章目录 一、综述1.1 扩散模型1.1.1 Denoising Diffusion Probabilistic Models (DDPMs)1.1.2 Score-Based Generative Models (SGMs)1.1.3 Stochastic Differential Equations (Score SDEs) 1.2 相关任务1.3 数据集1.4 评价指标 二、年度进展1.runway gen2.1 Gen-1&#xff1…...

编程日记 2024/10/21 0:46:13

如何下载3GPP协议？

一、进入3GPP网页 https://www.3gpp.org/ 二、点击“Specifications &Technologies” 三、点击“FTP Server” 网址&#xff1a; https://www.3gpp.org/specifications-technologies 四、找到“latest”&#xff0c;查看最新版 网址&#xff1a; https://www.3gpp.org/ftp…...

编程日记 2024/10/21 0:45:12

目标检测系统操作说明【用户使用指南】（python+pyside6界面+系统源码+可训练的数据集+也完成的训练模型）

1.100多种【基于YOLOv8/v10/v11的目标检测系统】目录&#xff08;pythonpyside6界面系统源码可训练的数据集也完成的训练模型&#xff09; 2.目标检测系统【环境搭建过程】&#xff08;GPU版本&#xff09; 3.目标检测系统【环境详细配置过程】&#xff08;CPU版本&#xff0…...

编程日记 2024/10/21 0:44:11

Vue中使用路由

目录 单页应用程序&#xff1a;SPA - Single Page Application路由 VueRouterVueRouter使用步骤组件存放目录问题 路由模块封装声明式导航 - 导航连接两个类名自定义匹配类名 声明式导航 - 跳转传参Vue路由 - 重定向Vue路由 - 404Vue路由 - 模式设置 编程式导航 - 基本跳转编程…...

编程日记 2024/10/21 0:43:10

【Linux】多线程安全之道：互斥、加锁技术与底层原理

目录 1.线程的互斥 1.1.进程线程间的互斥相关背景概念 1.2.互斥量mutex的基本概念 所以多线程之间为什么要有互斥&#xff1f; 为什么抢票会抢到负数&#xff0c;无法获得正确结果&#xff1f; 为什么--操作不是原子性的呢&#xff1f; 解决方式&#xff1a; 2.三种加锁…...

编程日记 2024/10/21 0:42:10

收藏多年的四款音频剪辑工具你pick哪一个？

在这个时代&#xff0c;音频剪辑已经成为音乐制作、播客、自媒体等领域的必备技能。而随着网络技术的飞速发展&#xff0c;我们不再需要安装庞大的软件&#xff0c;只需一个浏览器&#xff0c;就能轻松完成音频剪辑工作。今天&#xff0c;就让我为大家推荐几款优秀的在线音频剪…...

编程日记 2024/10/21 0:41:07

使用Redis进行在线人数统计时，有哪些性能优化技巧？

使用Redis进行在线人数统计时&#xff0c;性能优化是关键&#xff0c;以下是一些性能优化技巧&#xff1a; 选择合适的数据结构&#xff1a; 对于在线人数统计&#xff0c;可以选择使用Set数据结构&#xff0c;因为它具有自动去重和高效的集合操作特性&#xff0c;非常适合用于…...

编程日记 2024/10/21 0:40:06

前端模块循环依赖问题

模块循环依赖问题 在项目比较小的时候可能不怎么会遇到这个问题&#xff0c;但项目一旦有一定的体量后就可能会遇到了。 我之前做项目时就遇到这个问题&#xff0c;也是总结一篇文章。 比如这种类型的报错 commonjs存在的问题 先讲一下commonjs存在的问题。 CommonJS模块采…...

编程日记 2024/10/21 0:39:05

Springboot指定扫描路径

方式一&#xff1a;通过在启动类的SpringbootApplication中指定包扫描或类扫描 指定需要扫描的包 scanBasePackages{"待扫描包1","待扫描包2", . . . ," "} 指定需要扫描的类 scanBasePackageClasses{类1.class,类2.class,...} 方式二&#xff…...

编程日记 2024/10/21 0:38:03

【Flutter】Dart：环境搭建

Flutter 是一个基于 Dart 的跨平台开发框架&#xff0c;可以帮助我们快速构建移动应用程序。在开始 Flutter 开发之前&#xff0c;我们需要先搭建 Dart 的开发环境&#xff0c;并配置合适的编辑器&#xff0c;比如 VSCode。本教程将引导你一步步完成 Dart 和 Flutter 的环境搭建…...

编程日记 2024/10/21 0:37:03

南北阁4.1-3B极简WebUI入门必看：无需React/Vue的纯Python前端方案

南北阁4.1-3B极简WebUI入门必看&#xff1a;无需React/Vue的纯Python前端方案 想给本地部署的南北阁&#xff08;Nanbeige&#xff09;4.1-3B大模型配一个好看又好用的聊天界面&#xff0c;是不是一想到要学React、Vue这些前端框架就头大&#xff1f;或者觉得Streamlit做出来的…...

编程新知 2026/4/7 7:19:46

AI写春联真简单：春联生成模型-中文-base 新手零基础教程

AI写春联真简单&#xff1a;春联生成模型-中文-base 新手零基础教程 春节将至&#xff0c;贴春联是中国人最重要的年俗之一。但你是否遇到过这样的困扰&#xff1a;想写一副好春联却缺乏灵感&#xff0c;或者书法不够漂亮不好意思贴出来&#xff1f;现在&#xff0c;有了AI技术…...

编程新知 2026/4/7 6:48:58

协程设计原理与汇编实现：从原语到网络IO Hook

一、为什么需要协程&#xff1f;在高并发网络编程中&#xff0c;我们面临一个经典矛盾&#xff1a;同步编程简单但性能差&#xff0c;异步编程性能高但代码复杂。协程的出现&#xff0c;正是为了用同步的写法获得异步的性能。1.1 同步与异步的本质同步&#xff1a;串行执行&…...

编程新知 2026/4/7 5:36:27

FLUX.小红书极致真实V2效果展示：宠物毛发层次、眼睛高光、微表情刻画

FLUX.小红书极致真实V2效果展示&#xff1a;宠物毛发层次、眼睛高光、微表情刻画 想不想拥有一款能生成媲美专业摄影棚照片的AI工具&#xff1f;今天要展示的&#xff0c;就是这样一个“神器”——基于FLUX.1-dev模型和小红书极致真实V2 LoRA打造的本地图像生成工具。它最大的…...

编程新知 2026/4/7 5:04:53

【人工智能基础-机器学习】- 线性归回知识点（有个人理解）

机器学习&#xff1a;线性回归 一、线性回归基础 1.1 数据准备 将x0置为1&#xff0c;与xn组合得到nn的矩阵 1.2 理论基础 正态分布&#xff1a; 基于中心极限定理&#xff0c;误差&#xff08;预测值-实际值&#xff09;服从正态分布 最大似然估计&#xff08;MLE&#xff09;…...

编程新知 2026/4/7 4:54:41

别只盯着server.log了！Kafka Controller日志与GC日志里的“宝藏”与“陷阱”

别只盯着server.log了&#xff01;Kafka Controller日志与GC日志里的“宝藏”与“陷阱” 当Kafka集群出现Leader选举异常、副本同步缓慢或频繁Full GC时&#xff0c;大多数工程师的第一反应是打开server.log翻找线索。但真正的高手会告诉你&#xff1a;controller.log和GC日志才…...

编程新知 2026/4/7 4:42:36

深入解析Paddle GPU版本Segmentation fault报错及环境变量配置方案

1. 为什么Paddle GPU版本会突然报Segmentation fault&#xff1f; 最近在Linux系统上部署PaddlePaddle GPU版本时&#xff0c;不少开发者都遇到了一个让人头疼的问题——程序运行到一半突然崩溃&#xff0c;终端只留下一行冷冰冰的"Segmentation fault (core dumped)"…...

编程新知 2026/4/7 4:42:31

OpenClaw+千问3.5-9B翻译工作流：PDF双语对照生成

OpenClaw千问3.5-9B翻译工作流&#xff1a;PDF双语对照生成 1. 为什么需要自动化翻译工作流 去年我在研究区块链共识算法时&#xff0c;遇到一个棘手问题&#xff1a;大量前沿论文只有英文版本。手动复制PDF内容到翻译工具&#xff0c;再粘贴回文档排版&#xff0c;不仅效率低…...

编程新知 2026/4/7 4:36:30

GLM-4.1V-9B-Base效果展示：中文表格图像结构识别与语义摘要生成

GLM-4.1V-9B-Base效果展示&#xff1a;中文表格图像结构识别与语义摘要生成 1. 模型能力概览 GLM-4.1V-9B-Base是智谱开源的视觉多模态理解模型&#xff0c;在中文视觉理解任务上表现出色。这个开箱即用的Web界面模型已经完成预加载&#xff0c;特别适合需要快速分析图片内容…...

编程新知 2026/4/7 3:41:10

零代码建站！免费源码网快速上手

在数字化浪潮席卷各行各业的今天&#xff0c;拥有一个专业网站已成为个人展示、企业宣传、产品推广的标配。然而&#xff0c;传统网站开发需要专业的技术团队、高昂的开发成本和漫长的建设周期&#xff0c;这让许多初创企业、个人站长望而却步。幸运的是&#xff0c;随着"…...

编程新知 2026/4/7 2:41:25