gpt4 book ai didi

php - jQuery 函数动态加载更多数据

转载 作者:行者123 更新时间:2023-11-29 18:48:25 25 4
gpt4 key购买 nike

所以我遵循了旧的 YouTube 教程,但我无法完全做到这一点。我这边什么也没有加载。基本上,我想要做的是将数据库中的 3 或 5 个数据发布到网页上,然后当用户向下滚动时,它将加载更多数据(我想制作一个按钮说明(加载更多),然后调用函数来加载它)。现在,我的网页是空白的,没有任何内容弹出,甚至是错误,什么也没有。徘徊了近一个小时改变事情并仔细检查但无济于事。非常感谢任何帮助:)这是我的index.php

    <!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">


<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

//var to auto-increment
var flag = 0;

$.ajax({
type: "GET",
url: "get_data.php",
data:{
'offset': 0,
'limit': 3
},
success: function(data){
$('body').append(data);
flag += 3;
}

});

$(window).scroll(function(){

if($(window).scrollTop() >= $(document).height() - $(window).height()){

$.ajax({

type: "GET",
url: "get_data.php",
data:{
'offset': flag,
'limit': 3
},
success: function(data){
$('body').append(data);
flag += 3;
}

});

}
});
</script>

<style type="text/css">

.blog-post{
border-bottom: solid 4px black;
margin-bottom: 20px;
}
.blog-post h1{
font-zise: 40px;
}
.blog-post p{
font-size: 30px;
}
</style>


</head>
<body>

</body>
</html>

查看“get_data.php”的链接:https://pastebin.com/MYz2bjFNjquery.min.js 和 get_data.php 位于同一文件夹中。数据库已存在。

最佳答案

发现问题了。我使用chrome的开发者工具并检查了网络选项卡,发现没有打印错误的主要原因是因为$(window).scroll(function(){...没有结束标记之前。

非常感谢马格努斯·埃里克森。

关于php - jQuery 函数动态加载更多数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44477704/

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