一、学习内容:
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---缓存
|