jquery对ajax的支持

先给大家看一下原生态的ajax

基本步骤：

**发送post请求**
a.xhr.open('post','checkuser.do',true);
b.xhr.setRequestHeader('content-type','application/x-www-form-unlencoded');
c.xhr.onreadystatechange=f1;
d.xhr.send('username=tom');//请求参数加到send方法中
注：按照http协议规范，如果时post请求，在请求数据包中，应该有content-type消息头
默认情况下，ajax对象不带该消息头，所以需要调用setRequestHeader方法设置消息头

function checkUserName(){
    var username=document.getElementById("user").value;
    var myAjax=new XMLHttpRequest();
    myAjax.onreadystatechange=function(){
        if(myAjax.readyState==4 && myAjax.status==200){
            document.getElementById("msg").innerHTML=myAjax.responseText;
        }
    };
    myAjax.open("POST","checkuser.do",true);
    myAjax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    myAjax.send("username="+username);
    }
    
</script>

//还有get请求的ajax

发送get请求
a. xhr.open('get','checkuser.do?uname=tom',true);
注:true：表示异步地 false：表示同步地（发送请求时，浏览器会锁定当前页面，用户不能操作，只能等）
b. xhr.onreadystatechange=f1;//当readystate值发生改变会调用f1
c. xhr.send(null);

//这种形式的ajax请求过程繁琐，冗长。

还好有jquery对ajax的支持。

前提是要导入jquery的jar包

jquery对ajax的支持
$.ajax({
//填写参数
//1.url：如：/login 请求地址2.data：如：{"username":"zs"}请求参数
//3.dataType：""服务器返回的数据类型(如text,html,json,js)
//4.success:function(){}//服务器处理成功的事件处理函数。
//5.error:function(){}//当服务器处理异常的事件处理函数。

//$.ajax会自动将json字符串转换成js对象
});