王涛-20221129-Ajax01

Ajax---day011.ajax快速入门1.1ajax概述

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

ajax并不是一个新技术，而是已有技术的集合，JavaScript是核心载体

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

1.2发送Ajax请求Ajax核心对象---XMLHttpRequest对象

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

ie7以前

var xhr=new ActiveXobject('MSXML2.XMLHTTP');

主流浏览器

var xhr=new XMLHttpRequest();    <script>
        function getXHr() {
            var xmlhttp;
            if (window.XMLHttpRequest) {
                xmlhttp = new XMLHttpRequest();
            } else {
                xmlhttp = new ActiveXobject('MSXML2.XMLHTTP');
            }
            return xmlhttp;
        }
    </script>核心方法

XMLHttpRequest对象中有两个重要的方法

open(a,b,c):准备Ajax请求
a:请求方式  get/post
b:请求的后端程序地址
c:异步(true)/同步(false),默认值为true
​
send(var):发送Ajax请求
var:get---不写或者null
    post---发送到后端数据1.3接收后端相应的结果核心属性---readyState

Ajax整个过程有五个状态0-4

0---未初始化，还没有调用send()

1---载入，已调用send()，正在发送请求

2---载入完成，send()执行完成们已经接收到全部相应内容

3---交互，正在解析相应内容

4---完成，相应内容解析完成，可以在客户端调用了

核心事件onreadystatechange

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

其他重要属性

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

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

2.GET缓存2.1什么是缓存

cache---缓存