jQuery之Ajax請求

     從前從客戶端頁面向服務器發送Ajax請求,需要在js中先創建XMLHttpRequest對象,對象創建好以後使用OPEN('GET/POST',URL,同步/異步)設置提交方式,URL地址,使用同步還是異步方式。然後使用send(data)向服務器發送數據,同時使用onreadystatechange來綁定回調函數。如果是使用GET方式提交數據,那麼就直接在URL地址中拼接數據,如果是使用POST方式要先設置請求頭setRequestHeader("Content-Type","application/x-www-form-urlencodeed"),然後再使用send()方法發送數據。在回調函數裏面還要對readyState進行判斷看當前狀態是否已經完成(readyState=4),以及服務器是否成功返回(status=200),然後再做相應的處理。整過過程顯得很麻煩,而且創建的XMLHttpRequest還會根據瀏覽器的不同而不同,顯得很麻煩。

    使用了jQuery爲我們提供的ajax(option)就非常方便了,只需要這樣做就可以了:

$.ajax({
 
  type: "POST",
 
  url: "RegService.do",
 
  data:"name=John&location=Boston",
 
  dataType:'json',

   success:function(msg){
 
   alert( "Data Saved: " + msg );
 
  }
});

     type是指定提交數據的方式是post還是get,url是數據提交給服務器的URL地址,data是提交給服務器的數據,如果是get方式還可以在URL地址中拼接,dataType表示服務器返回的數據按什麼組織,success表示數據成功返回時的回調函數。還可以使用jQuery.get(url,[data],[callback])這是一個簡單的GET 請求功能以取代複雜 $.ajax。請求成功時可調用回調函數。jQuery.getJSON(url,[data],[callback])通過 HTTP GET 請求載入JSON 數據。jQuery.post(url,[data],[callback])這是一個簡單的 POST 請求功能以取代複雜$.ajax 。請求成功時可調用回調函數。jQuery.getScript(url,[callback])通過 HTTP GET請求載入並執行一個 JavaScript 文件。如:$.getScript("test.js", function(){
 

alert("Script loaded and executed.");
});

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章