1.什么是AJAX
Asynchronized JavaScript And XML
异步JS 和 XML
最大的特点 是 局部刷新 异步请求
2.它不是一个新技术 它是多个技术的合成
以html 为骨架
以css 为渲染手段
以JS操作语言
以XML为数据传输格式 现在是以JSON 作为传输手段
以XMLHttpRequest 作为发送请求 和 接收响应的核心对象
3.如何创建XMLHttpRequest
function createXHR(){
var xhr = null;
// 判断浏览器是否支持 XMLHttpRequest
if(this.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
//alert(xhr);
return xhr;
}
4. XMLHttpRequest 的 API
var xhr = createXHR();
如何准备发送http请求
xhr.open(type,url,async);
type string 是请求方式 get post put delete
url string 请求的地址
async boolean 默认true 代表异步 指定成false 就是同步
注册数据处理函数 (注册回调函数)
xhr.onreadystatechange = 函数名 或者 匿名函数;
xhr.onreadystatechange = function (){
// 当请求状态变成 4 并且 http状态码是 200
if(xhr.readyState == 4 && xhr.status == 200){
// 获取返回的文本
var text = xhr.responseText;
}
};
// 发送http请求
xhr.send(null);