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

相關文章
相關標籤/搜索