ajax监听数据变化,Ajax

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(参数)

});