AJAX基础

### AJAX是什么

AJAX =异步JavaScript和XML（json）。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某个部分进行更新。

### 使用AJAX请求数据

```

1、创建XMLHttpRequest对象：

标准浏览器的创建方法：new XMLHttpRequest()

IE5、6的创建方法：new ActiveXObject("Microsoft.XMLHTTP")

2、向服务器发送请求

2.1配置请求  open()方法的三个参数

参数一：请求的方式

GET：

直接把请求参数拼接在URL之后，.send方法中传null。

POST：

把请求参数放在send（）方法中，如果参数中有中文，需要用encodeURL进行编码

参数二：请求的文件在服务器上的位置

相对路径：info.json

绝对路径：http://127.0.0.1:8020/info.json

参数三：是否异步请求

true：异步请求

false：同步请求

2.2 发送请求

send（）方法：

发送请求，如果是POST请求，请求参数放在这里

2.3、监听readystatechange事件

每次readystate属性值发送改变都会触发这个事件

ready state取值情况：0：请求末初始化。1：服务器连接已建立。2：请求已接受。3：请求处理中。4：请求已完成，且响应已就绪。

ststues属性取值情况：200：请求成功。404：未找到页面。500：服务器错误。

```

### 创建一个完整的AJAX

```

     

     

---

data.json数据

{

“title”：“北京昨夜大雨”，

“des”:"我台消息，昨夜北京一场大雨，小车成船"

}

---

###兼容性问题