使用 jquery 和 php 加载更多内容

Load more content with jquery & php

本文关键字：加载 jquery php 使用      更新时间：2023-09-26

我正在尝试为我的网站的新闻部分创建一个"加载更多"按钮，但是每当我尝试任何事情时，我的头脑就会一片空白，我不知道如何开始制作它。我不擅长任何javascript/jquery/ajax，只是"一些"php。

到目前为止，我只让我的 php 脚本显示我数据库中的所有新闻......

$sql = mysqli_query($con,"SELECT * FROM news ORDER BY date DESC") 
or die     (mysql_error());
while($row = mysqli_fetch_array($sql)){
$usql = mysqli_query($con,"SELECT * FROM members WHERE id = 1");
while($user = mysqli_fetch_array($usql)){
    echo('<li class=""><br/>('.$row['date'].')');
    echo ('<a href="/news/'.$row['id'].'" title="'.$user['username'].'" rel="nofollow">');
    echo ('<img src="'.$row['img'].'" alt="'.$user['username'].'" class="list_intros_img">');
    echo ('<h4><a href="/news/'.$row['id'].'" title="'.$user['username'].'">'.$row['title'].'</a></h4>');
    echo ('<p>'.substr($row['content'],0,400).'</p>');
    echo ('</li><hr class="line">');
}
}

我建议您在首次加载页面时加载默认数量的新闻，将"加载更多"按钮与 ajax 请求映射以获取更多新闻并更新列表。

您可以在MySQL中使用LIMIT和OFFSET关键字来获取更多新闻。（https://dev.mysql.com/doc/refman/5.0/en/select.html）。
在您的情况下，这可能是这样的："选择 * 从新闻中按日期排序 DESC 限制 10 偏移 10"以显示新闻 11 到 20。

我希望这能为您提供入门的线索。

相关文章：