一、前端部分（HTML和JavaScript示例）
-
HTML结构
-
首先，在HTML中创建一个容器来显示初始的列表信息，以及一个按钮用于触发加载更多操作。
<!DOCTYPE html> <html> <head> <meta charset="UTF - 8"> <title>帝国CMS无刷新加载更多</title> </head> <body> <div id="list-container"> <!-- 这里将通过Ajax加载初始的列表项 --> </div> <button id="load - more - button">加载更多</button> </body> </html>
-
JavaScript（使用jQuery实现Ajax请求，需引入jQuery库）
$(document).ready(function () { var page = 1; var isLoading = false; // 加载初始数据 loadListData(page); $('#load - more - button').click(function () { if (!isLoading) { page++; loadListData(page); } }); function loadListData(page) { isLoading = true; $.ajax({ url: 'your_php_script.php', // 这里需要替换为实际处理数据获取的PHP脚本 type: 'POST', data: { page: page }, success: function (response) { $('#list - container').append(response); isLoading = false; }, error: function () { alert('加载数据失败'); isLoading = false; } }); } });
二、后端部分（PHP示例，假设与帝国CMS交互获取数据）
-
连接帝国CMS数据库并获取数据
-
假设帝国CMS的数据库连接配置如下（实际情况中需要根据你的实际配置修改）。
<?php // 帝国CMS数据库连接配置示例 $ecms_config = array( 'dbhost' => 'your_host', 'dbuser' => 'your_user', 'dbpw' => 'your_password', 'dbname' => 'your_database_name' ); // 连接数据库 $link = mysqli_connect($ecms_config['dbhost'], $ecms_config['dbuser'], $ecms_config['dbpw'], $ecms_config['dbname']); if (!$link) { die('数据库连接失败: '. mysqli_connect_error()); } // 获取列表数据，这里根据page参数查询不同页的数据 if (isset($_POST['page'])) { $page = intval($_POST['page']); $start = ($page - 1) * 10; // 假设每页显示10条数据 // 根据帝国CMS的数据表结构查询文章列表数据（这里仅为示例，需根据实际情况调整） $sql = "SELECT title, content FROM phome_ecms_news LIMIT $start, 10"; $result = mysqli_query($link, $sql); if ($result) { while ($row = mysqli_fetch_assoc($result)) { echo '<p>标题: '. $row['title']. '</p><p>内容: '. $row['content']. '</p>'; } } else { echo '没有更多数据'; } } mysqli_close($link);
?>
请注意： 1. 以上代码中的数据库连接配置、查询语句等都需要根据实际的帝国CMS安装情况进行调整。 2. 在实际应用中，还需要考虑数据安全，如对用户输入（这里的`page`参数）进行严格的验证和过滤，防止SQL注入等安全问题。
