jQuery Ajax | jquery ajax
我們這裡談jQuery中Ajax的操作是如何應用,若不是太了解Ajax的朋友可以先看看維基百科上的說明[1]。jQuery將(最底層的)jQuery.ajax()包裝成下面幾個常用的簡單函式來作AjaxRequest;但是如果你有更複雜的使用需求,還是要用到稍後會提到的jQuery.ajax()。.load(url[,data][,complete])load函式用來動態載入HTML文件並把它插入DOM中。此函式預設是以GET的方式來發送請求,但是如果有設參數data則會自動轉為POST。參數型別說明urlString指定要進行呼叫的位址dataMap要傳給server的Key/value值對completeFunctionAjax請求完成時(不需要是...
我們這裡談 jQuery 中 Ajax 的操作是如何應用,若不是太了解 Ajax 的朋友可以先看看維基百科上的說明[1]。
jQuery 將 (最底層的) jQuery.ajax() 包裝成下面幾個常用的簡單函式來作 Ajax Request;但是如果你有更複雜的使用需求,還是要用到稍後會提到的 jQuery.ajax()。
.load(url [, data] [, complete])load 函式用來動態載入 HTML 文件並把它插入 DOM 中。此函式預設是以 GET 的方式來發送請求,但是如果有設參數 data 則會自動轉為 POST。
參數型別說明urlString指定要進行呼叫的位址dataMap要傳給server的Key/value值對completeFunctionAjax 請求完成時 (不需要是 success) 呼叫的 callback例如,載入 ajax/test.html 網頁的內容放到 #result 中:
$(#result).load(ajax/test.html);也可以多一個 callback:
$(#result).load(ajax/test.html, function(responseText, textStatus, jqXHR) { // this - 指向 #result DOM 元素 // responseText - 請求的文件內容 // textStatus - 請求狀態 (success, error) // jqXHR - XMLHttpRequest Object });對於 url 參數我們還可以加上 selector 來篩選被載入的 HTML,即將 URL 參數的型式寫如 url selector。
例如,將 ajax/test.html 網頁裡面的 #container 元素內容,載入到 #result 中:
$(#result).load(ajax/test.html #container); jQuery.get(url [, data] [, success] [, dataType])$.get() 一個簡單的 HTTP GET 不同步請求,如果你想在出錯時 (error) 能執行一...