原生JS异步提交与获取数据

开发工具与关键技术： MVC

AJAX异步 是通过在后台与服务器进行少量数据交换，使网页实现异步更新的一种技术，
不需要重新加载整个页面，而传统的网页更新内容需要重载整个页面。
原生JS实现异步获取如下：

1. 创建XMLHttpRequest对象：用于在后台与服务器交换数据，是Ajax的基础

2. 为兼容老版本IE（IE5，IE6），我们需要判断当前浏览器是否支持XMLHttpRequest对象 , 如果支持，则创建 XMLHttpRequest 对象。如果不支持，则创建 ActiveXObject；

3. open()方法共三个参数（“请求类型（get，post）”，“请求路径”，是否异步（默认值为true））

4. send()方法向服务器发送请求，需要提交数据时在send()前使用 setRequestHeader() 来添加 HTTP 头，再将数据写为JSON字符串形式（如图二des）规定在send（）方法中，即可发送请求与提交数据，send（）提交数据仅限于post类型请求。
   表头obj.setRequestHeader(“Content-type“, ”application/x-www-form-urlencoded“);

5. onreadystatechange事件，当请求被发送到服务器时，我们判断请求是否完成，响应是否就绪，当 readyState 等于 4 且状态为 200 时，表示响应已就绪。
   readyStat