JQuery 的三种ajax提交方式

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

首先咱们看$.get():html

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

而后看$.post():
跟$.get()格式同样:ajax

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

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


最后咱们看$.ajax():jsp

$.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()就只能简单的作下传递 ,返回. .后续工做无法继续.因此看状况调用.post

相关文章
相关标签/搜索