Ajax入门详解

（1）$().load()

 

    语法：$( " 元素 " ) . load( url , data , callback);

    参数：

     url (String) : 要将请求发送到哪个URL。

     data (Object,String) : (可选) 发送至服务器的 key/value 数据。

     callback (Function) : (可选) 请求完成时(不需要是success的)的回调函数。

   默认使用 GET 方式传递，如果[data]参数有传递数据，自动转换为POST方式。

    

（2）$.get()

 

   语法：$.get(url , data , callback，dataType);

   参数：

     url (String) : 要将请求发送到哪个URL。

     data (Object,String) : (可选) 发送至服务器的 key/value 数据。

     callback (Function) : (可选) 请求成功时运行的函数。

     dataType (String) : (可选)服务器响应的数据类型（xml，html，text，json ）。 

    

   实例：

   

   JQuery代码：

$.get("URL",username="Tom",function(data){
        
        alert(data.name);               // 得到服务器传回数据   zhangsan
        
     },"json");

 

   Servlet代码：

String name = request.getParameter("username");              //获得客户端传过来的数据 Tom

response.getWriter().write("{\"name\":\"zhangsan\"}");       //向客户端返回数据（JSON格式）

      

 

（3）$.post()

 

   语法：$.post(url , data , callback，dataType);

   注：与上面（get）相同，只是改变请求方式为POST

 

 

（4）$.ajax()

 

   语法：

$.ajax({

   type:（String）                //   请求方式 ("POST" 或 "GET")， 默认为 "GET"。

   url:（String）                 //   发送请求的地址。

   data:（Object,String）         //   发送到服务器的数据，将自动转换为Key/Value字符串格式。

   dataType:（String）            //    预期服务器返回的数据类型。

   async:（Boolean）              //    默认值: true。如果需要发送同步请求，设置为 false。

   cache:（Boolean）              //    默认值: true。设置为 false 将不缓存此页面。

   success:function(data){

        //成功执行语句

   }

});

 

（5）关系

 

  get函数是简写的 Ajax 函数

$.ajax({

     url: url,
     data: data,
     success: success,
     dataType: dataType

});

    注：type：默认是get，因此可以忽略不写。

 

   post函数是简写的 Ajax 函数

$.ajax({

    type:post,
    url: url,
    data: data,
    success: success,
    dataType: dataType

});