DedeCMS(织梦内容管理系统)是一款基于PHP+MySQL架构的网站内容管理系统。它提供了丰富的功能,包括文章管理、会员管理、模板管理等。AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
AJAX加载更多内容的类型主要包括:
AJAX加载更多内容广泛应用于各种网站和应用,特别是内容丰富的网站,如新闻网站、博客、电商网站等。
以下是一个简单的DedeCMS AJAX加载更多内容的示例:
<div id="content">
<!-- 这里显示加载的内容 -->
</div>
<button id="load-more">加载更多</button>
document.getElementById('load-more').addEventListener('click', function() {
var xhr = new XMLHttpRequest();
xhr.open('GET', '/plus/list.php?tid=1&totalresult=100&PageNo=' + (page + 1), true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var data = JSON.parse(xhr.responseText);
if (data.length > 0) {
var contentDiv = document.getElementById('content');
data.forEach(function(item) {
var div = document.createElement('div');
div.innerHTML = item.title;
contentDiv.appendChild(div);
});
page++;
} else {
document.getElementById('load-more').style.display = 'none';
}
}
};
xhr.send();
});
list.php
)<?php
require_once(dirname(__FILE__) . "/include/common.inc.php");
$tid = isset($tid) ? intval($tid) : 0;
$page = isset($page) ? intval($page) : 1;
$totalresult = isset($totalresult) ? intval($totalresult) : 100;
$query = "SELECT * FROM dede_archives WHERE typeid = $tid LIMIT " . ($page - 1) * 10 . ", 10";
$result = $dsql->ExecuteNoneQuery($query);
$data = array();
while ($row = $dsql->GetArray($result)) {
$data[] = $row;
}
echo json_encode($data);
?>
希望这些信息对你有所帮助!如果有更多问题,欢迎继续提问。
领取专属 10元无门槛券
手把手带您无忧上云