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

Ajax(web笔记)

article 2025/1/18 3:55:11

文章目录

  • 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.kler.cn/a/350958.html

相关文章：

  • HTML中link的用法
  • Windows图形界面(GUI)-QT-C/C++ - QT 窗口属性
  • 从字符串使用看Golang和Rust对内存使用的区别
  • apidoc thinkphp likeadmin 遇到解析报错
  • 《Compact Convolutional Transformers：开启计算机视觉新篇》
  • 【Kafka】Linux+KRaft集群部署指南
  • 《京东金融APP的鸿蒙之旅系列专题》鸿蒙工程化：Hvigor构建技术
  • 考研日语 - 高频核心 2200 词（十）
  • 【从零开始的LeetCode-算法】3158.求出出现两次数字的 XOR 值
  • latex公式输入-矩阵
  • 《深度学习》OpenCV 风格迁移、DNN模块 案例解析及实现
  • MyBatis-Plus 记录
  • wireshark 解密浏览器https数据包
  • 【Oracle篇】SQL执行计划之多表连接(含内连接、外连接、半连接、反连接、笛卡尔连接五种连接方式和嵌套、哈希、排序合并三种连接算法)（第四篇，总共七篇）
  • docker-compose里定义的参数来创建容器
  • Apache jmeter中MIME类型如何定义
  • 网络安全之密码学
  • StarRocks大批量数据导入方案-使用 Kafka connector 导入数据
  • 软考中级 - 软件设计师学习笔记 - 1.3 计算机安全
  • 自动驾驶系列—自动驾驶操作系统选型指南：如何选择最适合的系统？
  • 【openGL学习笔记】----GLFW、GLAD环境配置
  • 【中医揭秘】烦躁不安的根源与调养秘籍，让你重获内心宁静
  • SSL: CERTIFICATE_VERIFY_FAILED解决方法
  • 以下是为升级到 Spring Boot 3 制定测试计划
  • 「从零开始的 Vue 3 系列」：第十三章——架构一个Vue项目（简单版）
  • 2024 年江西省职业院校技能大赛应用软件系统开发赛项竞赛规程（高职组）