菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 赵强-20221129-ajax01 [打印本页]

作者: BlueFlame 时间: 2022-11-29 23:52
标题: 赵强-20221129-ajax01
今日所学内容：
# Ajax-day-01

## 1.ajax快速入门

### 1.1ajax概述

ajax:Asynchronous javascript and xml(异步javascript与xml)
Ajax并不是一种新技术，而是已有技术的集合，javascript是核心载体
Ajax优势：在不刷新页面的情况下，更新页面数据，提升用户体验

### 1.2发送Ajax请求

#### 1.2.1ajax核心对象---XMLHttpRequest对象

创建XMLHttpRequest对象要分低版本IFE与非IE两种

IE7以前
var xhr = new ActiveXObeject('MAXML2.XMLHTTP');

主流浏览器

var xhr = new XMLHttpRequest();

#### 1.2.2核心方法

XMLHttpRequest对象中有两个重要方法
open(a,b,c):准备Ajax请求
a:请求方式 get/post
b:请求的后端程序地址
c:异步(true)/同步(false),默认值为true

send(var):发送Ajax请求
var:get---不写或者null
post---发送到后端的数据

1.3接收后端响应的结果

1.3.1核心属性---readyState

Ajax整个过程有5个状态0-4
0---未初始化，还没有调用send()
1---载入，已调用send()，正在发送请求
2---载入完成，send(),已经接收到全部响应内容
3---交互，正在解析响应内容
4---完成，响应内容解析全部完成，可以在客户端调用了

1.3.2核心事件onreadystatechenge

onreadystatechenge事件，readyState的值每次发生改变都会触发该事件

1.3.3其他重要属性

responseText:以字符串形式接收后端程序的返回值

responseXML:以XML格式接收后端程序返回值

## 2.GET缓存

### 2.1什么是缓存

cache---缓存

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)