javascript原生态的同步异步请求实现

<script>
    //同步请求
    function sync_test(){
        //实例化XmlHttpRequest对象
        var xhr=new XMLHttpRequest();
        //使用GET方式请求指定网址的页面
        xhr.open("GET","http://www.baidu.com",false);
        //发送空内容请求
        xhr.send(null);

        if(xhr.status===200){//200状态码表示正常
            alert(xhr.responseText);
        }else{
            alert("Error occurred:"+xhr.statusText);
        }    
    }

    //异步请求
    function async_test(){
        //实例化XmlHttpRequest对象
        var xhr=new XMLHttpRequest();
        //使用GET方式请求指定网址的页面
        xhr.open("GET","http://www.baidu.com",true);
        //添加回调函数
        xhr.onreadystatechange=function(){
            if(xhr.readyState===4){//4意味着处理完成
                if(xhr.status===200){
                    alert(xhr.responseText);
                }else{
                    alert("Error occurred:"+xhr.statusText);
                }
            }
        };
        //发送空内容请求
        xhr.send(null);    //注意：回调函数必须在xhr.send(null)之前调用，否则无法调用    
    }
  </script>

 

//jQuery实现同步异步请求：
    $.ajax("baidu.com").done(function(data){//done()等价于旧版的success()
        alert(data);
    }).fail(function(xhr){//fail()等价于旧版的error()
        alert("Error occurred:"+xhr.statusText);
    });
    //jQuery默认就是Get和异步请求方式，如果要更改这些，则以下这种写法：
    $.ajax({
        url:"baidu.com",
        async:false,//表示同步请求
        type:"GET",//Get或者Post，默认Get方式
        done:function(data){
            alert(data);
        }
        fail:function(xhr){
            alert(""+xhr.statusText);
        }
    });