Jquery中的ajax

Jquery中ajax的使用有三种形式：

一、数据的加载

作用：加载url对应数据至指定元素。

语法：

$(selector).load(URL,data,callback);

a)URL 参数（必需）规定您希望加载的 URL。

    url中可以使用jquery选择器，即可以使用形如：$(“div”).load(“a.html #user”);将a.html页面内id=user的元素内容加载至<div>标签内。

b)data 参数（可选）规定与请求一同发送的查询字符串键/值对集合。

    即json对象。举个例子就一目了然了：$(“div”).load(“a.html”，{name:"leo",psw:"123"});

c) callback 参数（可选）是 load() 方法完成后所执行的函数名称。

    回调函数可以设置不同的参数：

• responseTxt - 包含调用成功时的结果内容
• statusTXT - 包含调用的状态
• xhr - 包含 XMLHttpRequest 对象

二、get请求

$.get() 方法通过 HTTP GET 请求从服务器上请求数据。

语法：

$.get(URL,callback);

实例：

$("button").click(function(){
  $.get("test.jsp",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

callback函数包括两个参数：服务器返回的字符串数据data，还有请求状态status。

三、post请求

$.post() 方法通过 HTTP POST 请求从服务器上请求数据。

语法：

$.post(URL,data,callback);

同样，URL必须，data可选，callback可选。

实例

$("button").click(function(){
  $.post("test.jsp",
  {name:"leo",psw:"123"},
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});