什么是Ajax?
Ajax(Asynchronous JavaScript and XML)是一種用來創建快速動態網頁的技術。通過Ajax,我們可以使用JavaScript異步地向服務器發送請求,然后在不刷新整個頁面的情況下更新部分頁面內容。
如何通過Ajax返回HTML源代碼?
在JavaScript中使用Ajax,我們需要創建一個XMLHttpRequest對象,然后使用該對象向服務器發送請求。在接收到服務器返回的響應后,我們可以訪問其中的內容并將其更新到頁面中。
var xhr = new XMLHttpRequest(); //創建 XMLHttpRequest 對象 xhr.open('GET', '/url-to-server'); //打開與服務器的連接 xhr.onload = function() { if (xhr.status === 200) { var html = xhr.responseText; //保存從服務器返回的 HTML document.querySelector('.content').innerHTML = html; //將 HTML 更新到頁面中 } }; xhr.send(); //發送請求
在上述代碼中,我們使用xhr.onload函數來監聽服務器返回的響應。在響應成功時(即狀態碼為200),我們使用xhr.responseText來獲取服務器返回的HTML源代碼,并將其更新到頁面中。
需要注意的是,由于Ajax請求是異步的,因此我們應該在請求成功后再更新頁面內容,而不是直接在請求之后。