话说菩提祖师打了孙猴子三板子  然后悟空学会72般变化以及一身神通 对待这个问题作为面试者要思考更加深层次的意义 才更能获得认可

 

实际上写的ajax 很能看出一个的水平 贴几段代码就可以看出水平的高低

 

代码1:青铜水平

var req = new XMLHttpRequest();
req.open("get", "mockData/usersinfo.json", true);
req.send();
req.onreadystatechange = function () {
    if (req.readyState == 4 && req.status == 200) {
        var result= req.responseText;
    }
}

特别普通的一段原生ajax  功能也是特别的简单的功能 获取一个模拟的数据 这段代码能反应啥   你可以写出来  也能记住对吧

 

代码2:白银水平

 function ajax(type, url, success) {
    var req = new XMLHttpRequest();
    req.open(type, url, true);
    req.send();
    req.onreadystatechange = function () {
        if (req.readyState == 4 && req.status == 200) {
            var result = req.responseText;
            success(result);

        }
    }
}

ajax("get", "http://localhost:8055/listcount.php?search=a", function (result) {
    alert(result);
});

上面的代码  跟代码1的功能可以说是一样  但是代码的复用性 就变得完全不一样

是真的

因为可以哪里调用就哪里调用

 

代码3:黄金水平

function ajax(json) {
    var req = new XMLHttpRequest();
    var type = json["type"];
    var url = json["url"];
    if (json["data"]) {
        var html = "?";
        for (var i in json["data"]) {
            html += i + "=" + json["data"][i] + "&";
        }
        html = html.substring(0, html.length - 1);
        url += html;
    }
    var success = json["success"];
    req.open(type, url, true);
    req.send();
    req.onreadystatechange = function () {
        if (req.readyState == 4 && req.status == 200) {
            var result = req.responseText;
            if (json["dataType"] == "json") {
                result = JSON.parse(result);
            }
            success(result);
        }
    }
}
ajax({
    type: "get