資源描述：
《jquery_ajax_應用實例解析大全》由會員上傳分享，免費在線閱讀，更多相關內容在行業(yè)資料-天天文庫。
1、jQueryAjax應用實例解析大全1.??JQUERY+ASP....2.??AJAX框架用A...3.??AJAX框架用A...4.??在JSP中使用jque...5.??ASP.netAJA...???更多相關推薦...??????[關鍵字：jQueryAjax應用實例解析大全]?1.load(url,[data],[callback])：載入遠程HTML文件代碼并插入至DOM中。url(String):請求的HTML頁的URL地址。data(Map):(可選參數)發(fā)送至服務器的key/value數據。callback(Cal
2、lback):(可選參數)請求完成時(不需要是success的)的回調函數。這個方法默認使用GET方式來傳遞的，如果[data]參數有傳遞數據進去，就會自動轉換為POST方式的。jQuery1.2中，可以指定選擇符，來篩選載入的HTML文檔，DOM中將僅插入篩選出的HTML代碼。語法形如"url#some>selector"。這個方法可以很方便的動態(tài)加載一些HTML文件，例如表單。示例代碼：$(".ajax.load").load("http://www.cnblogs.com/yeer/archive/2009/06/10/150
3、0682.html.post",function(responseText,textStatus,XMLHttpRequest){this;//在這里this指向的是當前的DOM對象，即$(".ajax.load")[0]//alert(responseText);//請求返回的內容//alert(textStatus);//請求狀態(tài)：success，error//alert(XMLHttpRequest);//XMLHttpRequest對象});?這里將顯示結果。?注：不知道為什么URL寫絕對路徑在FF下會出錯，知道的麻煩告訴下
4、。下面的get()和post()示例使用的是絕對路徑，所以在FF下你將會出錯并不會看到返回結果。還有get()和post()示例都是跨域調用的，發(fā)現傳上來后沒辦法獲取結果，所以把運行按鈕去掉了。?2.jQuery.get(url,[data],[callback])：使用GET方式來進行異步請求參數：url(String):?發(fā)送請求的URL地址.data(Map):(可選)要發(fā)送給服務器的數據，以Key/value的鍵值對形式表示，會做為QueryString附加到請求URL中。callback(Function):(可選)載入成
5、功時回調函數(只有當Response的返回狀態(tài)是success才是調用該方法)。這是一個簡單的GET請求功能以取代復雜$.ajax。請求成功時可調用回調函數。如果需要在出錯時執(zhí)行函數，請使用$.ajax。示例代碼：$.get("./Ajax.aspx",{Action:"get",Name:"lulu"},function(data,textStatus){//返回的data可以是xmlDoc,jsonObj,html,text,等等.this;//在這里this指向的是Ajax請求的選項配置信息，請參考下圖alert(data);
6、//alert(textStatus);//請求狀態(tài)：success，error等等。當然這里捕捉不到error，因為error的時候根本不會運行該回調函數//alert(this);});點擊發(fā)送請求：jQuery.get()回調函數里面的this，指向的是Ajax請求的選項配置信息：?3.jQuery.post(url,[data],[callback],[type])：使用POST方式來進行異步請求?參數：url(String):發(fā)送請求的URL地址.data(Map):(可選)要發(fā)送給服務器的數據，以Key/value的鍵值
7、對形式表示。callback(Function):(可選)載入成功時回調函數(只有當Response的返回狀態(tài)是success才是調用該方法)。type(String):(可選)官方的說明是：Typeofdatatobesent。其實應該為客戶端請求的類型(JSON,XML,等等)這是一個簡單的POST請求功能以取代復雜$.ajax。請求成功時可調用回調函數。如果需要在出錯時執(zhí)行函數，請使用$.ajax。示例代碼：Ajax.aspx：Response.ContentType="application/json";Response.W
8、rite("{result:'"+Request["Name"]+",你好！(這消息來自服務器)'}");jQuery代碼：$.post("Ajax.aspx",{Action:"post",Name:"lulu"},function
