原生js封装ajax

最近着手巩固，全面复习js的基础知识。通过浏览大神的博客和自己的理解，自己尝试着封装了一下ajax请求。

1.Ajax是什么？

    Ajax是一种无需重现加载，就可以实现网页部分更新的技术。全称全称是Asynchronous JavaScript and XML，即异步JavaScript+XML。

2.创建一个Ajax的基本步骤：

•     创建一个XMLHttprequest对象。
•     填写请求方法，url，时候异步请求。即xhr.open(method, url, async).
•     发送请求xhr.send()。//如果是post请求，则将data填入到send中。否则将data以编码的形式写入到url中。

3.先大致了解一些XMLHTTPREQUEST。在XHLHTTPREQUEST1的版本中，返回响应的属性：

• responseText：响应文本。
• status：响应状态。根据响应状态可以判断请求是否成功。
• reponseXML：如果响应的内容类型是“text/xml”或者“application\xml”，这个属性将保存着相应数据的xml dom文档。
• statusText：HTTP状态说明。

4.xhr存在readyState属性，通过这个属性的不同状态，可以监听请求的不同响应操作：

•   0：未初始化。未调用open()方法。
•   1：启动。以调用open()方法，

5.在XMLHTTPREQUEST2.0版本中：

新增了表单序列化函数：new FormData（）；

可以给函数直接传form表单的信息到，或者获取后以append（“键”, “值”）的方式去添加。同时，也增加了超时连接设置xhr.time，还提供了xhr.timeout =function(){}响应事件。

基本知识了解完了，再附上我自己参考别人和自己稍微修改的ajax请求：