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

Ajax(web笔记)

文章目录

  • 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]]

http://www.lryc.cn/news/464678.html

相关文章:

  • 多入口+vite+vue3预渲染方案
  • Vue3+Ts函数封装与应用
  • C语言全局变量和局部变量同时应用的题题型[求一堆数组中10个学生的成绩里最高分、最低分和平均分。]
  • 深度学习实战94-基于图卷积神经网络GCN模型的搭建以及在金融领域的场景
  • .NET 6新特性 | System.Text.Json功能改进
  • Matlab如何对全局优化算法启动并行计算
  • MYSQL-查看数据库中的存储过程语法(六)
  • 【深度学习】(12)--模型部署 <连接客户端与服务端>
  • 优化SQL查询的最佳实践:提升数据库性能的关键
  • 【AIGC视频生成】视频扩散模型(综述+最新进展)
  • 如何下载3GPP协议?
  • 目标检测系统操作说明【用户使用指南】(python+pyside6界面+系统源码+可训练的数据集+也完成的训练模型)
  • Vue中使用路由
  • 【Linux】多线程安全之道:互斥、加锁技术与底层原理
  • 收藏多年的四款音频剪辑工具你pick哪一个?
  • 使用Redis进行在线人数统计时,有哪些性能优化技巧?
  • 前端模块循环依赖问题
  • Springboot指定扫描路径
  • 【Flutter】Dart:环境搭建
  • OpenCV高级图形用户界面(10)创建一个新的窗口函数namedWindow()的使用
  • 水题四道。
  • upload-labs靶场Pass-05
  • 【AIGC】解锁高效GPTs:ChatGPT-Builder中系统提示词Prompt的设计与应用
  • 【JavaEE初阶】深入理解网络编程—使用UDP协议API实现回显服务器
  • C语言复习第3章 函数
  • Golang | Leetcode Golang题解之第491题非递减子序列
  • conan安装方法简介
  • Java面试指南:Java基础介绍
  • 【mod分享】波斯王子遗忘之沙高清重置,纹理,字体,贴图全部重置,特效增强,支持光追
  • 【计网笔记】物理层