Ajax的一点基础

最近接触到异步加载，于是学习了下Ajax的一点基础，在此做一个总结

Ajax:不是一种编程语言，是一种实现局部刷新的技术。      特点：1、提升用户体验，2、不需要插件    3、提高web程序的性能   4、减轻服务器和带宽的负担。

重点：利用XMLHttpRequest对象发送请求

  .open("method","url","boolean").    method:post;get    url：服务器上的文件        boolean:true:异步；false：同步   默认为true

原生js中的ajax主要有几大步骤

1、新建XMLHttpRequest对象

var request = new XMLHttpRequest();

2、发送请求的方式有2种，=====POST和GET，POST比GET更安全

request.open("GET", "http://127.0.0.1/xampp/first.php");

3、通常GET请求直接把要传递的参数放在url地址的?后面========例如  request.open("GET", "http://127.0.0.1/xampp/first.php?id=1");

request.send();

4、通过onreadystatechange事件来监听readyState属性

0——请求未初始化,open还没有调用
1——服务器连接已经建立,open已经调用
2——请求已经接收,即接收到头信息
3——请求处理中,即接收到响应主体
4——请求完成,响应完成 成功

request.onreadystatechange = function() {}

5、

request.onreadystatechange = function() { //监听readystate属性
            if(request.readyState === 4 && request.status === 200) //判断是否响应完成，请求成功
            {
                var data = JSON.parse(this.responseText);
                console.log(data);              
            }
        }