Ajax

Ajax

异步无刷新技术

核心对象

XMLHttpRequest对象

获取xhr对象：var xhr = new  XMLHttpRequest();

onreadystatechange 监听readystate值变化的事件

readystate 数据响应的响应

0=未初始化 

1=已经调用open方法，但未调用send方法

2=调用send方法，但未开始响应

3=响应部分响应

4=完全响应数据，且可以使用

status 响应状态码

200=响应成功

500=服务器异常（报错）

404=未找到资源

statusText 状态码的说明

responseText 响应的数据

Aajx的实现流程

1、创建XMLHttpRequest对象

2、打开请求/准备请求

xhr.open(参数1,参数2,参数3)

参数1：请求的方式  （GET|POST）

参数2：请求的路径  （请求地址，如果是GET请求，参数直接拼接在地址栏后面）

参数3：是否异步     （true|false。默认是true，表示异步）

3、发送请求

xhr.send(参数)

参数：要传递的数据（参数）

如果是GET请求：send(null);

如果数POST请求：有参数，则设置参数，无参数则设置为null

4、接收响应

如果响应成功，接收数据

status==200

xhr.responseText

1、创捷XMLHttpRequest对象

var 变量名=new XMLHttpRequest();

2、打开请求|准备请求

变量名.open(参数1，参数2，boolean值)、

3、发送请求

变量名.send(参数)

4、接收响应

console.log(变量名.responseText)

$.ajax({

type:"get|post",

url:"地址",

date："date参数以{key：value}格式",

success: function(参数){

console.log(参数)

}

});

$.get("url地址",date参数以{key：value}格式,function(参数){

console.log(参数)

});

$.post(url地址,date参数以{key：value}格式,function(参数){

console.log(参数)

});

$.getsJSON(url地址,date参数以{key：value}格式,function(参数){

console.log(参数)

});