20.ajax

可以在w3c文档中查询ajax或者xmlhttprequest

AJAX 指异步JavaScript及XML(Asynchronous JavaScript And XML)

function getCurrentTime(){
    
    //1.创建Ajax //细节处理1:适配不同的浏览器创建
    var ajax = creatAjax();
    
    //2.创建http请求对象 //细节处理2.IE缓存问题,设置每个请求都不一样既可
    var time = new Date().getTime();
    ajax.open("get", "/gettime.do?"+time, true);
    
    //3.监听请求状态
    var textfiled = document.getElementById("time");
    ajax.onreadystatechange = function(){
        
        //细节处理3.处理404的问题,只有当真正请求成功之后,才做相应的操作,其他的时候提示失败既可
        if(ajax.readyState == 4 && ajax.status==200){//响应成功的时候才继续做下一步操作
            //获取显示时间的地方
            textfiled.value = ajax.responseText;
        }else{
            textfiled.value = "亲,您的网络似乎不太好,请稍后再试...";
        }
    };
    
    //4.发送请求
    ajax.send();
}

function creatAjax(){
    var ajax = null;
    try{
        ajax = new XMLHttpRequest();
    }catch(e){
        ajax = new ActiveXObject("Microsoft.XMLHTTP");
    }
    return ajax;
}