JQuery 的三种ajax提交方式

JQuery的三种ajax提交方式

 

在JQuery中，AJAX有三种实现方式：$.ajax() , $.post , $.get()。

首先我们看$.get():
$.get("test.jsp",
{ name: "cssrain", time: "2008/01/21" }, //要传递的数据
function(data){
alert("返回的数据: " + data);
}
)

然后看$.post():
跟$.get()格式一样.
$.post("test.jsp",
{ name: "cssrain", time: "2008/01/21" }, //要传递的数据
function(data){
alert("返回的数据: " + data);
}
)

上面2种方式的区别应该就是 请求方式不同(一个get一个post).

最后我们看$.ajax():
$.ajax({
url:'Accept.jsp',
type:'post', //数据发送方式
dataType:'html', //接受数据格式 (这里有很多,常用的有html,xml,js,json)
data:'text='+$("#name").val()+'&date='+new Date(), //要传递的数据
error: function(){ //失败
alert('Error loading document');
},
success: function(msg){ //成功
alert( "Data Saved: " + msg );
}
});

当然$.ajax()的功能 在3者中间是最强大的.(参数很多,具体可以看API,我只举个简单例子.)
$.ajax()跟($.post(),$.get())最主要的差别就是 成功回调后,执行success. .
$.post(),$.get()就只能简单的做下传递 ,返回. .后续工作没法继续.所以看情况调用.