JQuery Ajax是一個非常方便的工具,可以讓我們通過JavaScript在不刷新整個頁面的情況下更新部分頁面。
其中一個常見的應用場景是將一個 DIV 元素更新為最新的內容,而不用刷新整個頁面。下面是一個例子:
// 當頁面加載完畢后 $(document).ready(function(){ // 給按鈕添加點擊事件 $("#refreshbutton").click(function(){ // 發送AJAX請求 $.ajax({ url: "updatediv.php", // 請求的URL success: function(html){ // 將獲取到的HTML代碼更新到DIV元素中 $("#mydiv").html(html); }, error: function(){ // 如果出現錯誤,給出提示信息 alert("請求失敗!"); } }); }); });
可見,這個示例使用了 jQuery 的 AJAX 函數來向服務器發送請求,并在成功后更新 DIV 元素的 HTML 內容。
我們可以使用這個方法來實現許多有趣的效果,比如按下按鈕時更新最新消息、聊天記錄等內容,而不用強制刷新整個頁面。