gpt4 book ai didi

javascript - 从数据库加载更多状态

转载 作者:行者123 更新时间:2023-11-30 08:47:00 25 4
gpt4 key购买 nike

嗨!我现在想在提要底部创建一个“加载更多状态”按钮,您可以从代码中看到我已将帖子限制为 20 个。

我要找的是更改

的 Jquery 或 javascript 函数(可能是 AJAX)
$statusQ = "SELECT * FROM `status` order by id desc LIMIT 20";

$statusQ = "SELECT * FROM `status` order by id desc LIMIT 40";

我只想更改 LIMIT 并刷新对服务器的请求,而不更新 HTML、javascript 和 CSS。

有什么好的方法吗?

请注意,我已经用谷歌搜索了很多,但我只发现了一些与我的代码不太相配的示例。

<?php
$statusQ = "SELECT * FROM `status` order by id desc LIMIT 20";
$how_meny_rows = mysqli_query($mysqli, "SELECT * FROM `status`");
$row_cnt = mysqli_num_rows($how_meny_rows);
$statusA = mysqli_query($mysqli,$statusQ);

while ($row = mysqli_fetch_array($statusA)){

echo '<div class="statusholder">
<div class="status-img">
<img src="' . $row['Bild'] . '"/>
</div>
<div class="this-status">
<h4 class="status-who">'. $row['user'] .'</h4>
<p class="status">' .$row['status']. '</p>
<a class="status-like" href="javascript" onclick""> Gilla</a>
<p class="num_like comingsoon">' . $row['like'] . '</p>
<a class="status-comment" href="javascript" onclick"">Kommentera detta</a>
<p class="status-timestamp">' . $row['timestamp'] . '</p>

</div>
</div>';


}
if ($row_cnt > 20) {
echo '<div class="loadstatus">
<a href="javascript:void(0);" onclick="" class="comingsoon"> klicka för att ladda flerstatusar </a> </div>';
}
?>

最佳答案

您可以使用 jQuery Ajax 实现“加载更多”功能。

在主页加载前 20 条状态记录 & 点击 comingsoon 链接,使用 jQuery $.ajax 方法调用另一个页面 moreResults.php .

moreResults.php页面中根据限制得到合适的结果。限制值将使用 `qry_limit' js 变量传递到 moreResults.php

这个值将从 qry_limit 隐藏变量中获取。成功后,将加载的结果附加到 statusDiv div 并更新加载下一批记录的限制值。

试试这个。

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type"text/javascript">
$(document).ready(function(){
$('a.comingsoon').click(function () {
var qry_limit = $("#qry_limit").val();

$.ajax({
type: "POST",
url: "moreResults.php",
data: "limit="+qry_limit,
cache: false,
success: function(responseData){
var newLimit=qry_limit+20;
$("div#statusDiv").append(responseData);
$("#qry_limit").val(newLimit);
}
});


return false;
});
});
</script>
</head>
<body>
<?php

$statusQ = "SELECT * FROM `status` order by id desc LIMIT 0,20";
$how_meny_rows = mysql_query($mysqli, "SELECT * FROM `status`");
$row_cnt = mysqli_num_rows($how_meny_rows);
$statusA = mysql_query($mysqli,$statusQ);
echo '<div id="statusDiv">';
while ($row = mysqli_fetch_array($statusA)){

echo '<div class="statusholder">
<div class="status-img">
<img src="' . $row['Bild'] . '"/>
</div>
<div class="this-status">
<h4 class="status-who">'. $row['user'] .'</h4>
<p class="status">' .$row['status']. '</p>
<a class="status-like" href="javascript" onclick""> Gilla</a>
<p class="num_like comingsoon">' . $row['like'] . '</p>
<a class="status-comment" href="javascript" onclick"">Kommentera detta</a>
<p class="status-timestamp">' . $row['timestamp'] . '</p>

</div>
</div>';


}
echo '</div>';
if ($row_cnt > 20) {
echo '<div class="loadstatus">
<a href="javascript:void(0);" onclick="" class="comingsoon"> klicka för att ladda flerstatusar </a> </div>';
}
?>
<input type="hidden" name="qry_limit" id="qry_limit" value="20"/>
<input type="hidden" name="total_results" id="total_results" value="<?php echo $row_cnt; ?>"/>
</body>
</html>

更多结果.php

<?php
//Database Connections
$limit=$_REQUEST['limit'];
$statusQ = "SELECT * FROM `status` order by id desc LIMIT $limit,20";

$statusA = mysqli_query($mysqli,$statusQ);

while ($row = mysqli_fetch_array($statusA)){

echo '<div class="statusholder">
<div class="status-img">
<img src="' . $row['Bild'] . '"/>
</div>
<div class="this-status">
<h4 class="status-who">'. $row['user'] .'</h4>
<p class="status">' .$row['status']. '</p>
<a class="status-like" href="javascript" onclick""> Gilla</a>
<p class="num_like comingsoon">' . $row['like'] . '</p>
<a class="status-comment" href="javascript" onclick"">Kommentera detta</a>
<p class="status-timestamp">' . $row['timestamp'] . '</p>

</div>
</div>';


}

?>

关于javascript - 从数据库加载更多状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21111605/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com