Ajax基础与ajax的应用

Ajax是什么

asynchronous JavaScript and xml(异步的JavaScript和xml)
异步为他的一个重要特性，即在客户端发起请求之后不需要等待服务器响应，而可以独立的完成其他工作。
如图：

作用

在无需重新加载整个页面地基础上实现局部刷新。

Ajax的实现方式

1、原生js实现方式

示例：
html代码：

用户名：<input type="text" id="username" name="username" onblur="checkusername()">

js代码

<script>
    function checkusername() {
        var request=new XMLHttpRequest();
        request.onreadystatechange=function(){
            // alert(request.readyState);
            if (request.readyState=4&&request.status==200){
                var ret=request.responseText；

                if (ret==1){
                    document.getElementById("flag").innerHTML="√";
                } else {
                    document.getElementById("flag").innerHTML='×';
                }
            }
        }
        var username=document.getElem entById("username").value;
        //发送请求的位置可前可后
        //第三个参数ture为异步，false为同步
        request.open("get","test.do?username="+username,false);
        //get方式,send为空参;post方式在send里面传递参数
        request.send(null);
    }
</script>

2、jQuery的方式

(1) $.ajax的方式

$.ajax({
    url:"test.do",//请求的路径
    type:"post",//get/post
    data:"username=sunjob",//传递的参数
    success:function (data) {//回调函数。请求返回成功执行的函数
        alert(data);
    },
    error:function () {
    //请求方法执行出错执行的方法1
}
})

(2)$.get()

  $.get("test.do",{username:"rose"},function () {
//成功执行的方法
    },"text")//接受的数据格式

(3)$.post()

与（2）大同小异。