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);
});
});