# 2015年10月19日

## Ajax

**创建 XMLHttpRequest 对象**

```
variable=new XMLHttpRequest();
```

**Ajax调用示例**

```javascript
//创建XHR对象
var xhr=new XMLHttpRequest();
//处理返还数据
xhr.onreadystatechange=function(callback){
    if(xhr.readyState==4){
        if((xhr.status>=200&&xhr.status<300)||xhr.status==304){
            callback(xhr.responseText);
        }else{
            alert("Request was unsuccessful:"+xhr.status);
        }
    }
}
//发送请求
xhr.open('get','example.json',true);
xhr.setRequestHeader('myHeader','myValue');
xhr.send(null);
```

* xhr.open(method,url\[,async=true);

method一般有`get`、`post`等方法。 url\[ ：请求资源相对文档路径。 async ：是一个布尔值。

* xhr.setRequestHeader('myHeader','myValue');

**XMLHttpRequest 对象的三个重要的属性**

| 属性                 | 描述                                                                                                                                                  |
| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- |
| onreadystatechange | 存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。                                                                                                             |
| readyState         | <p>存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。</p><ul><li>0: 请求未初始化</li><li>1: 服务器连接已建立</li><li>2: 请求已接收</li><li>3: 请求处理中</li><li>4: 请求已完成，且响应已就绪</li></ul> |
| status             | <p>200: "OK"</p><p>404: 未找到页面</p>                                                                                                                   |

## 慕课

* 金牌用户策略
* 信息平衡策略
* 资源聚焦策略