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