在jquery中的ajax有二個數據發送模式,一種是get,另一種是post()。
jQuery Ajax 參考手冊
實例
請求 test.php 網頁,忽略返回值:
$.post("test.php");
TIY 實例
通過 AJAX POST 請求改變 div 元素的文本:
$("input").keyup(function(){ txt=$("input").val(); $.post("demo_ajax_gethint.asp",{suggest:txt},function(result){ $("span").html(result); });});
親自試一試
定義和用法
post() 方法通過 HTTP POST 請求從服務器載入數據。
語法
jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
詳細說明
該函數是簡寫的 Ajax 函數,等價于:
$.ajax({ type: 'POST', url: url, data: data, success: success, dataType: dataType});
根據響應的不同的 MIME 類型,傳遞給 success 回調函數的返回數據也有所不同,這些數據可以是 XML 根元素、文本字符串、JavaScript 文件或者 JSON 對象。也可向 success 回調函數傳遞響應的文本狀態。
對于 jQuery 1.5,也可以向 success 回調函數傳遞 jqXHR 對象(jQuery 1.4 中傳遞的是 XMLHttpRequest 對象)。
大部分實現會規定一個 success 函數:
$.post("ajax/test.html", function(data) { $(".result").html(data);});
本例讀取被請求的 HTML 片段,并插入頁面中。
通過 POST 讀取的頁面不被緩存,因此 jQuery.ajaxSetup() 中的 cache 和 ifModified 選項不會影響這些請求。
注釋:由于瀏覽器安全方面的限制,大多數 "Ajax" 請求遵守同源策略;請求無法從不同的域、子域或協議成功地取回數據。
注釋:如果由 jQuery.post() 發起的請求返回錯誤代碼,那么不會有任何提示,除非腳本已調用了全局的 .ajaxError() 方法?;蛘邔τ?jQuery 1.5,jQuery.post() 返回的 jqXHR 對象的 .error() 方法也可以用于錯誤處理。
jqXHR 對象
對于 jQuery 1.5,所有 jQuery 的 AJAX 方法返回的是 XMLHTTPRequest 對象的超集。由 $.post() 返回的 jQuery XHR 對象或 "jqXHR,"實現了約定的接口,賦予其所有的屬性、方法,以及約定的行為。出于對由 $.ajax() 使用的回調函數名稱便利性和一致性的考慮,它提供了 .error(), .success() 以及 .complete() 方法。這些方法使用請求終止時調用的函數參數,該函數接受與對應命名的 $.ajax() 回調函數相同的參數。
jQuery 1.5 中的約定接口同樣允許 jQuery 的 Ajax 方法,包括 $.post(),來鏈接同一請求的多個 .success()、.complete() 以及 .error() 回調函數,甚至會在請求也許已經完成后分配這些回調函數。
新聞熱點
疑難解答
圖片精選