jQuery AJAX是一個非常流行的前端技術,它可以讓你通過異步請求API和服務器等等。下面是一個簡單的示例,演示如何使用jQuery AJAX來向服務器發送一個GET請求,接收到響應并顯示它。
$(document).ready(function(){ $("button").click(function(){ $.ajax({url: "example.com/api", success: function(result){ $("#div1").html(result); }}); }); });
以上的代碼使用jQuery的$(document).ready()方法來確保DOM已經完全加載。然后,當用戶點擊一個按鈕時,$.ajax()方法被調用。它以一個JS對象的形式接收參數,指定請求的URL和成功后的回調函數。
當請求成功時,指定的回調函數將在參數result中接收到響應。上面的例子使用$("#div1").html()方法將響應的HTML代碼添加到頁面的div元素中,使用戶可以看到響應的內容。
以上就是一個簡單的jQuery AJAX示例。雖然這只是一個基礎的示例,但AJAX可以用于許多更復雜的任務,如通過POST請求提交表單數據或動態更新頁面內容。