AJAX--jQuery

JQuery实现AJAX更加简洁,方便.

$.ajax([设置参数]);

String  url 、发送请求的地址,默认为当前页地址

String  type、请求方式(POST或者GET,默认为GET)

Number timeout 、设置请求超时时间

Object data 或 String data、发送到服务器的数据

String dataType、 预期服务器返回的数据类型,可用类型有:XML,HTML,Script,JSON,JSONP,Text

function beforeSend(XMLHttpRequest xhr)、发送请求前调用的函数、参数xhr,可选, XMLHttpRequest对象

function complete(XMLHttpRequest xhr,String ts)、请求完成后调用的函数(请求成功或失败时均调用)

　　参数: xhr,可选, XMLHttpRequest对象, ts可选,描述请求类型的字符串

function success(Object result,String ts) 、请求成功后调用的函数

　　参数result:可选,由服务器返回的数据、参数ts可选,描述请求类型的字符串

function error(XMLHttpRequest xhr,String em,Exception e) 、请求失败时调用的函数

　　参数: xhr,可选, XMLHttpRequest对象,参数em可选,错误信息，参数e:可选 ,捕获的异常对象

boolean global  默认为true,表示是否触发全局的AJAX事件

GET请求
function changeBox(){
     $.ajax("/day_12Ajax/BServlet?name=zhangsan",{
     dataType:"text",
     type:"GET",
     success:function(rs){
     alert(rs);
}
或
$(function(){
    $("#btn").click(function(){
    $.ajax({
    url:getPath()+"/AServlet",
    type:"GET",
    data:"name=张三",
    dataType:"text",
    success:function(data){
    alert(data);
    }
});

//post请求
$.ajax("/day_12Ajax/BServlet",{
       dateType:"text",
       type:"POST",
       data:{name:"zhangsi",age:21},
       success:function(rs){
       alert(rs);
    }
}) 

简单的请求功能取代复杂 $.ajax

//get提交
       $.get("/day_12Ajax/BServlet?name=zhanga",function(rs){
             alert(rs);
       }) 
               
//post提交
            $.post("/day_12Ajax/BServlet",{name:"lisi"},function(rs){
            alert(rs);
        }) 

//load() ,给标签中直接赋值
    $("#box").load("/day_12Ajax/BServlet",{name:"post",age:34});