jQuery Ajax 全解析

作者: Q.Lee.lulu  來源: 博客園  發布時間: 2009-04-16 10:07  閱讀: 7560 次  推薦: 0   原文鏈接   [收藏]  
 
摘要:jQuery確實是一個挺好的輕量級的JS框架,能幫助我們快速的開發JS應用,并在一定程度上改變了我們寫JavaScript代碼的習慣。
[1] jQuery Ajax 全解析
[2] jQuery Ajax 全解析
[3] jQuery Ajax 全解析
[4] jQuery Ajax 全解析
[5] jQuery Ajax 全解析
[6] jQuery Ajax 全解析

jQuery確實是一個挺好的輕量級的JS框架,能幫助我們快速的開發JS應用,并在一定程度上改變了我們寫JavaScript代碼的習慣。

廢話少說,直接進入正題,我們先來看一些簡單的方法,這些方法都是對jQuery.ajax()進行封裝以方便我們使用的方法,當然,如果要處理復雜的邏輯,還是需要用到jQuery.ajax()的(這個后面會說到).

1. load( url, [data], [callback] ) :載入遠程 HTML 文件代碼并插入至 DOM 中。

url (String) : 請求的HTML頁的URL地址。

data (Map) : (可選參數) 發送至服務器的 key/value 數據。

callback (Callback) : (可選參數) 請求完成時(不需要是success的)的回調函數。

這個方法默認使用 GET 方式來傳遞的,如果[data]參數有傳遞數據進去,就會自動轉換為POST方式的。jQuery 1.2 中,可以指定選擇符,來篩選載入的 HTML 文檔,DOM 中將僅插入篩選出的 HTML 代碼。語法形如 "url #some > selector"。

這個方法可以很方便的動態加載一些HTML文件,例如表單。

示例代碼:

$(".ajax.load").load("http://www.cnblogs.com/QLeelulu/archive/2008/03/30/1130270.html .post",
		function (responseText, textStatus, XMLHttpRequest){
		this;//在這里this指向的是當前的DOM對象,即$(".ajax.load")[0]	
		//alert(responseText);//請求返回的內容
		//alert(textStatus);//請求狀態:success,error
		//alert(XMLHttpRequest);//XMLHttpRequest對象
});

 

這里將顯示結果。

注:不知道為什么URL寫絕對路徑在FF下會出錯,知道的麻煩告訴下。下面的get()和post()示例使用的是絕對路徑,所以在FF下你將會出錯并不會看到返回結果。還有get()和post()示例都是跨域調用的,發現傳上來后沒辦法獲取結果,所以把運行按鈕去掉了。

 

0
0
 
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()