1.jQuery load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
load() 方法从服务器加载数据，并把返回的数据放入被选元素中。
语法：
$(selector).load(URL,data,callback);
必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。
实例:
$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功！");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});
2.jQuery $.get() 方法
$.get() 方法通过 HTTP GET 请求从服务器上请求数据。
语法：
$.get(URL,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 callback 参数是请求成功后所执行的函数名。
下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据：
实例
$("button").click(function(){
$.get("demo_test.asp",function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});
其中 data和status参数可选
3.jQuery $.post() 方法
$.post() 方法通过 HTTP POST 请求从服务器上请求数据。
语法：
$.post(URL,data,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
下面的例子使用 $.post() 连同请求一起发送数据：
实例
$("button").click(function(){
$.post("demo_test_post.asp",
{
name:"Donald Duck",
city:"Duckburg"
},
function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});
第三个参数是回调函数。data 服务器返回数据，status请求状态。
服务器端获取参数：HttpServletRequest对象 request.getParameter("name"); request.getParameter("city");
服务器端返回数据：HttpServletResponse对象 response.getWriter().println(result); 或者 response.getWriter().write(result);
result类型有：Json，JsonArray，Sting，XML，Txt
4.$.ajax({options});
url：(string)发送请求的地址，可以是服务器页面也可以是WebService动作。
type：(string)请求方式，POST或GET
data：(object)向服务器发送请求时带去的数据。是key:value对形式，如：{name:"grayworm",sex:"male"}，如果是数组{works:["work1","work2"]}
dataType：(string)预期返回的数据类型。xml,html,json,text等
beforeSend：（Function）发送ajax请求前被触发，如果返回false则取消本次请求。如果异步请求需要显示gif动画，那应当在这里设置相应<img>的可见。
function(XMLHttpRequest){ }
complete：(Function)请求调用完成后的回调函数（请求成功或失败时均调用），如果异步请求显示gif动画，那应当在这里设置相应的<img>不可见。
function(XMLHttpRequest,textStatus){
//textStatus是描述返回状态的字符串
}
success：(Function)请求执行成功时的回调函数
function(data,textStatus){
//data是服务端返回的数据可以是xml、json、text等格式
//textStatus是描述返回状态的字符串
}
error：(Function)请求执行失败时的回调函数
function(XMLHttpRequest,textStatus,errorThrown){
//data是服务端返回的数据可以是xml、json、text等格式
//textStatus,errorThrown是描述返回状态的信息
}
如：
1.ajax url传递参数
$.ajax({
type : 'POST',
url :"permissions/feedback/listMsgPictures",
data : 'name=zhangsan' ,
success : function(data) {
alert(data);
}
});
2.form表单提交，传递参数
$.ajax({
type:'POST',
url:$("#submitForm").attr("action"),//submitForm为form表单的id
data:submitForm.serializeArray(),
cache: false,
dataType: 'json',
success: function(data){
alert(data.message);
location.reload();//刷新页面
}
});