AJAX(Asynchronous JavaScript and XML)是一種用于創建快速動態Web應用程序的助手。它使用JavaScript,HTML,CSS和XML / JSON等技術,允許您在頁面上執行其他操作而不會引起頁面的刷新。
例如,您可以使用AJAX從數據庫中讀取數據,而無需刷新整個頁面。這使得Web應用程序更加快速和交互。下面是一個使用AJAX加載HTML代碼的例子:
window.onload = function() { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("myDiv").innerHTML = this.responseText; } }; xhr.open("GET", "myhtml.html", true); xhr.send(); };
在上面的例子中,我們使用XMLHttpRequest對象來打開本地文件myhtml.html。然后,我們檢查 readyState 和 status 屬性,以確定請求是否成功。如果成功,我們將myDiv元素的 innerHTML 屬性設置為返回的HTML代碼。
最后,請注意,這是一個異步請求,因為我們將第三個參數設置為true。這意味著代碼不會等待響應,而是繼續執行。如果您需要進行同步請求,請將它更改為false。