JQuery中的ajax

一、JQuery的Ajax方法

1、$(selector).load(url,data,callback)方法

load(url,data,callback)，其中url是请求的路径，data为键值对的参数，callback是用来处理load方法执行后的函数，其函数可以包含三个不同的参数，responseTxt、statusTxt以及xhr，responseTxt是请求返回的信息，statusTxt是调用的状态，xhr是XMLHttpRequest对象，具体使用方法如下：

$("#button").click(function(){
    $("#div1").load("/testServerlet",{name:"zhangsan",age:18},function(responseTxt,statusTxt,xhr)){
        if(statusTxt == 'success'){
            alert("成功");
        } esle if(statusTxt == 'error') {
            alert("失败")：
        }
    }
});

2、$.get(url.callback)方法

get(url,callback)，其中url是请求路径，如果该请求需要携带参数则在请求路径后面加参数，callback是用来处理get()方法执行后的函数，其函数可以包含两个不同的参数，data和status，data是请求响应的数据，status是调用的状态，具体使用方法如下：

$("#button").click(function(){
    $("#div1").get("/testServerlet?name=zhangsan&age=18",function(data,status)){
        if(status == 'success'){
            alert(data);
        } esle if(status == 'error') {
            alert(data)：
        }
    }
});

3、$.post(url,data,callback)方法

post(url,data,callback)，其中url是请求的路径，data是请求需要携带的参数，采用键值对的形式，callback是用来处理post()方法执行后的函数，该函数包含两个不同的参数，data和status，data是请求响应的数据，status的调用的状态，具体使用如下：

$("#button").click(function(){
    $("#div1").post("/testServerlet",{name:"zhangsan",age:18},function(data,status)){
        if(status == 'success'){
            alert(data);
        } esle if(status == 'error') {
            alert(data)：
        }
    }
});

4、$.ajax()方法

参数名	解释
url	请求时的地址，要求为String类型的参数。
type	请求类型（POST/GET），默认为get请求，部分浏览器也支持PUT和DELETE。
timeout	用于设置请求超时的时间，要求为NUMBER类型的参数。
async	用于设置请求是否为异步请求，默认为true，如果设为false则为同步请求，此时浏览器就会锁住，用户必须等待该请求请求完成后才能执行其它操作。
cache	表示浏览器是否缓存被请求页面，默认为true，如果dataType为script时，默认为false。
data	发送到请求服务器上的数据，get请求在url后面拼接请求参数，post请求一般为键值对形式，例如：{foo1:"bar1",foo2:"bar2"}，如果数据为数组形式，则参数为：{foo:["bar1","bar2"]}
dataType	服务器返回的数据类型，其类型有：xml、html、script、json、jsonp以及text，如果不进行指定，那么JQuery将自动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递。
beforeSend	要求为Function类型的参数，发送请求前可以修改XMLHttpRequest对象的函数，例如添加自定义HTTP头。在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数。例如：function(XMLHttpRequest){                this;   //调用本次ajax请求时传递的options参数 }
complete	要求为Function类型的参数，请求完成后调用的回调函数（请求成功或失败时均调用，即在success和error函数之后）。参数：XMLHttpRequest对象和一个描述成功请求类型的字符串。例如：function(XMLHttpRequest, textStatus){              this;    //调用本次ajax请求时传递的options参数           }
success	要求为Function类型的参数，请求成功后调用的回调函数，有两个参数。(1)由服务器返回，并根据dataType参数进行处理后的数据。(2)描述状态的字符串。例如： function(data, textStatus){             //data可能是xmlDoc、jsonObj、html、text等等             this;  //调用本次ajax请求时传递的options参数 }
error	要求为Function类型的参数，请求失败时被调用的函数。该函数有3个参数，即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。ajax事件函数如下： function(XMLHttpRequest, textStatus, errorThrown){           //通常情况下textStatus和errorThrown只有其中一个包含信息           this;   //调用本次ajax请求时传递的options参数  }
contentType	要求为String类型的参数，当发送信息至服务器时，内容编码类型默认为"application/x-www-form-urlencoded"。该默认值适合大多数应用场合。
dataFilter	要求为Function类型的参数，给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。例如：  function(data, type){                 //返回处理后的数据                 return data; }
global	要求为Boolean类型的参数，默认为true。表示是否触发全局ajax事件。设置为false将不会触发全局ajax事件，ajaxStart或ajaxStop可用于控制各种ajax事件。
ifModified	要求为Boolean类型的参数，默认为false。仅在服务器数据改变时获取新数据。服务器数据改变判断的依据是Last-Modified头信息。默认值是false，即忽略头信息。
jsonp	要求为String类型的参数，在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分，例如{jsonp:'onJsonPLoad'}会导致将"onJsonPLoad=?"传给服务器。
username	要求为String类型的参数，用于响应HTTP访问认证请求的用户名。
password	要求为String类型的参数，用于响应HTTP访问认证请求的密码。
processData	要求为Boolean类型的参数，默认为true。默认情况下，发送的数据将被转换为对象（从技术角度来讲并非字符串）以配合默认内容类型"application/x-www-form-urlencoded"。如果要发送DOM树信息或者其他不希望转换的信息，请设置为false。
scriptCharset	要求为String类型的参数，只有当请求时dataType为"jsonp"或者"script"，并且type是GET时才会用于强制修改字符集(charset)。通常在本地和远程的内容编码不同时使用。
jsonpCallback	在一个 jsonp 中规定回调函数的名称。
traditional	布尔值，规定是否使用参数序列化的传统样式。
xhr	用于创建 XMLHttpRequest 对象的函数。