原生态AJAX

一、jQuery的load
    把其他的页面加载在当前页面（div元素对象.load（页面路径））
二、AJAX
    1、获取AJAX对象
      var ajax;
      if(window.XMLHttpRequest) {
          ajax = new XMLHttpRequest();
      } else {
            ajax = new ActiveXObject("Microsoft.XMLHTTP");
        }
    2、打开链接
       ajax.open("GET", "./user.json", true);
    第一个参数：设置请求的类型，GET 或 POST 
    第二个参数：文件的URL位置
    第三个参数：设置true（异步）或 false（同步）
    3、发送请求
        ajax.send();
    4、请求成功之后返回时触发的事件
        ajax.onreadystatechange = function() {
            if(ajax.status == 200 && ajax.readyState == 4) {
                window.eval("var user = " + ajax.responseText);
                console.log(user.username);
            }
       };
    ajax.status：是HTTP状态码
    ajax.readyState:AJAX状态码
    window.eval() :把内容当成一条语句来执行
    5、封装成函数的AJAX
        ajax({
            type: "GET",
            url: "./user.json",
            success: function (data) {
                console.log(data);
            },
            error: function () {
                console.log("请求失败");
            }
        });


        function ajax(json) {
            var type = json.type;
            var url = json.url;
            var success = json.success;
            var error = json.error;
            var ajax;
            if (window.XMLHttpRequest) {
                ajax = new XMLHttpRequest();
            } else {
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            }
            ajax.open(type, url, true);
            ajax.send();
            ajax.onreadystatechange = function () {
                if (ajax.readyState == 4 && ajax.status == 200) {
                    success(this.responseText);
                } else {
                    if(ajax.status == 4) {
                        console.log(ajax.readyState, ajax.status);
                        error();
                    }
                }
            }
        }
三、node js
    分三层结构：
    1、表示层
    2、业务层
    3、持久层