当前位置: 首页 > 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.mrgr.cn/news/51576.html

相关文章:

  • Linux调试器-gdb 与 冯诺依曼体系结构
  • 【Docker系列】docker-compose down 命令详解
  • Linux权限理解及环境基础开发工具使用
  • 库卡ForceTorqueControl(一)
  • GPT4 multi-modal input, 使用GPT处理图像
  • 迪杰斯特拉算法的理解
  • 遥感图像处理又上大分!加个多模态,一篇A会到手~
  • 用Cursor开发了一个图片分割器
  • API项目:发布下线
  • 图论day62|拓扑排序理论基础、117.软件构建(卡码网)、最短路径之dijkstra理论基、47.参加科学大会(卡码网 第六期模拟笔试)
  • 在线培训知识库管理系统:教育行业的新动力
  • Qt | CMake(Qt5 VS Qt6)
  • 【计网】从零开始理解TCP协议 --- 熟悉TCP报头结构并理解三次握手与四次挥手
  • Java爬虫之使用Selenium WebDriver 爬取数据
  • c++实现跳表
  • CSMA/CD协议 监听算法
  • 在使用linux过程中找不到占据空间的大文件的解决方法
  • BUUCTF[GKCTF 2021]你知道apng吗
  • 养宠物的空气净化器有哪几款推荐?有没有性价比高的分享?
  • Docker--harbor私有仓库部署与管理