AJAX(Asynchronous JavaScript and XML)是一種用于創建更高效且更靈活的網頁應用程序的技術。通過使用AJAX,我們可以從服務器上異步獲取數據并將其實時地更新到網頁上,而無需刷新整個頁面。本文將介紹如何使用AJAX從PHP服務器獲取數據,并通過舉例說明其實際應用。
假設我們正在開發一個文章列表網站,我們希望顯示最新的十篇文章標題,并提供一個按鈕,點擊按鈕可以加載下一頁的十篇文章。為了實現這個功能,我們可以使用AJAX從PHP服務器獲取數據,每次獲取十篇文章的標題,然后將其添加到頁面上的文章列表中。
<script>
function loadMoreArticles() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'get_articles.php?page=' + nextPage, true);
xhr.onload = function() {
if (xhr.status === 200) {
var articles = JSON.parse(xhr.responseText);
articles.forEach(function(article) {
var articleElement = document.createElement('p');
articleElement.innerText = article.title;
document.getElementById('article-list').appendChild(articleElement);
});
nextPage++;
}
};
xhr.send();
}
</script>
在上述代碼中,我們首先創建了一個XMLHttpRequest對象xhr
,并使用xhr.open()
方法指定了請求的類型(GET)和獲取文章數據的URL地址。URL中還包含了一個名為page
的參數,用于指定獲取哪一頁的文章。接下來,我們使用xhr.onload()
方法來監聽請求完成事件,并在響應狀態碼為200時處理服務器返回的數據。