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

标题: 蒋鹏冲-20221129-Ajax01 [打印本页]

作者: 北纬33 时间: 2022-11-30 00:07
标题: 蒋鹏冲-20221129-Ajax01
一，今日学习内容：
1.ajax快速入门

1.1ajax概述

ajax：Asynchronous javascript xml（异步javascript与xml）

Ajax并不是一种新技术，而是已有奇数的集合，javascript是核心载体

Ajax优势：在不刷新页面的情况下，更新页面数据，提升用户体验

1.2发送Ajax请求

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

创建XMLHttpRequest对象要分为低版本IE与非IE两种方式

IE7以前

```javascript
var xhr = new ActiveXObject('MSXML2.XMLHTTP');
```

主流浏览器

```javascript
var xhr = new XMLHttpRequest();
```

1.2.2核心方法

XMLHttpRequest对象中有两个重要方法

```javascript
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核心事件onreadystatechange

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

1.3.3其他属性

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

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

2.GET缓存

2.1什么是缓存

cache---缓存

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