JQuery 的三种ajax提交方式

2019独角兽企业重金招聘Python工程师标准>>>

在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()就只能简单的做下传递 ,返回. .后续工作没法继续.所以看情况调用.

转载于:https://my.oschina.net/u/2395167/blog/620662