php ajax翻页-ajax返回html页面：示例代码

PHP Ajax翻页是一种通过Ajax技术实现网页内容无刷新加载的翻页方式。通过Ajax请求，可以将服务器返回的HTML页面内容动态地插入到当前页面中，从而实现翻页效果。

我们需要在页面中定义一个用于显示内容的容器，例如一个div元素。然后，通过Ajax请求获取服务器返回的HTML页面，并将其插入到容器中。

下面是一个示例代码，演示了如何使用PHP和Ajax实现翻页效果。假设我们有一个包含多个文章的网页，每次点击翻页按钮时，通过Ajax请求获取下一页的文章，并将其插入到页面中。

<!-- HTML部分 -->
<div id="content-container">
    <!-- 这里是文章内容 -->
</div>
<button id="load-more-btn">加载更多</button>
<script>
// JavaScript部分
var page = 1;
function loadMoreArticles() {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'get_articles.php?page=' + page, true);
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4 && xhr.status === 200) {
            var response = xhr.responseText;
            document.getElementById('content-container').innerHTML += response;
            page++; // 更新页码
        }
    };
    xhr.send();
}
document.getElementById('load-more-btn').addEventListener('click', loadMoreArticles);
</script>

在上面的示例代码中，我们首先定义了一个变量`page`来表示当前页码。当点击"加载更多"按钮时，会调用`loadMoreArticles`函数。

在`loadMoreArticles`函数中，我们创建了一个XMLHttpRequest对象，并通过GET请求向服务器发送一个URL，其中包含了当前页码。当服务器返回响应时，我们将响应的HTML内容插入到`content-container`容器中，并更新页码。

通过以上的示例代码，我们可以实现点击"加载更多"按钮时，动态地加载下一页的文章内容，从而实现了翻页效果。