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

标题: 康利20221129Ajax01 [打印本页]

作者: 智商不在服务区 时间: 2022-11-29 23:59
标题: 康利20221129Ajax01
一、学习内容：

ajax快速入门
概述
ajax：Asynchronous JavaScript and xml（异步JavaScript与xml）
Ajax并不是一种新技术，而是已有技术的集合，JavaScript是核心载体
Ajax优势：在不刷新页面的情况下，更新页面数据，提升用户体验
发送Ajax请求
ajax核心对象---XMLHttpRequest对象
创建XMLHttpRequest对象要分为低版本IE与非IE两种方式
IE7以前：var xhr=new ActiveXobject('MSXML2.XMLHTTP');
主流浏览器：var xhr=new XMLHttpRequest();
ajax核心方法
XMLHttpRequest对象中有两个重要方法
open(a,b,c):准备ajax请求
a：请求方法 get/post
b：请求的后端程序地址
c:异步(true)/同步(false)，默认值true
send(val)：发送ajax请求
val：get---不写或者null
post---发送到后端的数据
接收后端响应的结果
核心属性---readyState
ajax整个过程有5个状态0-4
0----未初始化，还没有调用send（）
1----载入，已调用send（），正在发送请求
2----载入完成，send（）执行完成，已经接收到全部响应内容
3----交互，正在解析响应内容
4----完成，响应内容解析完成，可以在客户端调用了
核心事件onreadystatechange
onreadystatechange事件，readyState的值每次发生改变都会触发该事件
其它重要属性
responseText：以字符串形式接收后端程序的返回值
responseXML：以XML格式接收后端程序返回值
Get缓存
什么是缓存
cache---缓存

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