JQuery中Ajax的操作

JQuery   Ajax異步操作的方式： $.ajax，$.post， $.get， $.getJSON。

一， $.ajax，這個是JQuery對ajax封裝的最基礎步，通過使用這個函數可以完成異步通訊的所有功能。也就是說什么情況下我們都可以通過此方法進行異步刷新的操作。但是它的參數較多，有的時候可能會麻煩一些。

看一下常用的參數：

var configObj = {

method //數據的提交方式：

get和post url //數據的提交路勁

async //是否支持異步刷新，默認是true

data //需要提交的數據

dataType //服務器返回數據的類型，例如xml,String,Json等

success //請求成功后的回調函數

error //請求失敗后的回調函數

}

$.ajax(configObj);//通過$.ajax函數進行調用。

　　

好，看一個實際的例子吧，看一個進行異步刪除的例子：

<script>          // 刪除  

                $.ajax({  

                    type : "POST",  //提交方式  

                    url : "${pageContext.request.contextPath}/org/doDelete.action",//路徑  

                    data : {  

                        "org.id" : "${org.id}"  

                    },//數據，這里使用的是Json格式進行傳輸  

                    success : function(result) {//返回數據根據結果進行相應的處理  

                        if ( result.success ) {  

                            $("#tipMsg").text("刪除數據成功");  

                            tree.deleteItem("${org.id}", true);  

                        } else {  

                            $("#tipMsg").text("刪除數據失敗");  

                        }  

                    }  

                });  

</script>

 

 

二，$.post，這個函數其實就是對$.ajax進行了更進一步的封裝，減少了參數，簡化了操作，但是運用的范圍更小了。$.post簡化了數據提交方式，只能采用POST方式提交。只能是異步訪問服務器，不能同步訪問，不能進行錯誤處理。在滿足這些情況下，我們可以使用這個函數來方便我們的編程，它的主要幾個參數，像method，async等進行了默認設置，我們不可以改變的。例子不再介紹。

url:發送請求地址。

data:待發送 Key/value 參數。

callback:發送成功時回調函數。

type:返回內容格式，xml, html, script, json, text,_default。

 

三，$.get，和$.post一樣，這個函數是對get方法的提交數據進行封裝，只能使用在get提交數據解決異步刷新的方式上，使用方式和上邊的也差不多。這里不再演示。

 

四， $.getJSON，這個是進一步的封裝，也就是對返回數據類型為Json進行操作。里邊就三個參數，需要我們設置，非常簡單：url,[data],[callback]。