Jquery Ajax 是一種基于JavaScript的前端開發(fā)技術(shù),可以實現(xiàn)異步數(shù)據(jù)傳遞功能,在Web開發(fā)中得到廣泛應(yīng)用。本文將介紹具體的 Jquery Ajax 使用實例。
首先需要在 HTML 頁面中引入 Jquery 和 Ajax 的 JavaScript 庫。如下:
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-ajax/3.0.0-alpha.4/jquery.ajax.min.js"></script>
接著,可以使用 $.ajax() 函數(shù)來發(fā)送一個 HTTP 請求,如下:
$.ajax({
url: "test.html",
context: document.body
}).done(function() {
$(this).addClass("done");
});
在這個例子中,$.ajax() 函數(shù)的參數(shù)是一個對象,它包含了請求的地址(url)和 jQuery 對象的上下文(context)。請求成功后,執(zhí)行 done() 回調(diào)函數(shù),將文檔的 body 元素添加一個 class 屬性。
如果需要指定請求的方式,可以在參數(shù)對象中添加 type 屬性:
$.ajax({
type: "POST",
url: "test.html",
data: { name: "John", location: "Boston" }
}).done(function( msg ) {
alert( "Data Saved: " + msg );
});
在這個例子中,請求的方式是 POST,請求的參數(shù)是一個對象,包含了 name 和 location 兩個屬性。請求成功后,彈出一個對話框顯示返回的數(shù)據(jù)。
Jquery Ajax 還支持其他的許多選項和回調(diào)函數(shù),詳情可參考官方文檔。