0
点赞
收藏
分享

微信扫一扫

Ajax部分笔记

星巢文化 2022-03-17 阅读 53

一、Ajax

1.1 含义

Ajax 的全称时 Asynchronous JavaScript And XML (异步 JavaScript和XML)

1.2 作用

能让我们轻松实现网页与服务器之间的数据交互

1.3 应用场景

  1. 用户名检测 :注册用户时,通过ajax的形式,动态加载检测用户名是否被占用
  2. 搜索提示: 当输入搜索关键字时,动态加载搜索提示列表
  3. 数据分页显示: 当点击页码值的时候,通过ajax的形式,根据页码值动态刷新表格的数据
  4. 数据的增删改查: 数据的添加、删除、修改、查询操作,都需要通过ajax的形式,来实现数据的交互

1.4 $.get()

在这里插入图片描述
使用 $.get() 函数发起不带参数的请求时,直接提供请求的URL地址和请求成功之后的回调函数即可

1.5 $.post()

在这里插入图片描述

二、XMLHttpRequest的基本使用

1.含义

(简称xhr) 是浏览器提供的JavaScript对象,通过它,可以请求服务器上的数据资源。之前所学的jQuery中的Ajax函数,就是基于xhr对象封装出来的

2.使用xhr发起GET请求

步骤
1. 创建 xhr 对象
2. 调用xhr.open() 函数
3. 调用xhr.send()函数
4. 监听 xhr.onreadystatechange 事件

2.使用xhr发起POST请求

步骤

  1. 创建xhr对象
  2. 调用xhr.open() 函数
  3. 设置Content-Type 属性(固定写法)
  4. 调用 xhr.send() 函数 同时指定要发送的数据
  5. 监听xhr.onreadystatechange事件

三、axios

1. 含义

Axios是专注于网络数据请求的库

2.axios发起GET请求

在这里插入图片描述

3.axios发起POST请求

语法

在这里插入图片描述

4.axios直接发起请求

在这里插入图片描述

举报

相关推荐

0 条评论