我正在进行一个从sql表中提取大量数据的查询。我想实现一个无限滚动功能,这样一次只能拉25条左右的记录。
不过,我有点麻烦。
当用户向下滚动时调用此查询。jquery向php发布页面上最后一条记录的最后一个id;
//ie, this js pulls the id
var last_order_number = $('.order_number_divs:last').attr('id');
//from this div
<div id="2476" class="order_number_divs"> 1121310 </div>
我想如果我再选择两个id大于页面上前一个id的结果,我肯定会得到以下两个结果。但是,我每次都得到同样的两个结果。
SELECT
id,
order_number
FROM sales_orders
WHERE id > '$last_id'
ORDER BY id ASC
LIMIT 2
这是一个jquery,它通过模板运行数据来填充div。由于vkTemplate不支持追加,一旦用内容填充了div,我就删除刚刚填充的div的id,并将id赋给它下面的div,所以下次滚动时,内容将进入该div。
$(window).scroll(function () {
if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
var last_order_number = $('.order_number_divs:last').attr('id');
console.log(last_order_number);
$.ajax({
type: "POST",
async: false,
url: "queries/privileged_search_more_content.php",
data: "user=" + "<?=$_COOKIE['username']?>" + "&last_order_number=" + last_order_number,
dataType: "json",
success: function (data) {
console.log(data);
$('#INT-order_information_container').vkTemplate("templates/get_orders_initial_template.tmpl?" + <?=time()?> , data, function () {
$('#INT-order_information_container').removeAttr('id');
$('#template_div_next').removeAttr('id')
.attr('id', 'INT-order_information_container');
});
console.log($.active);
}
});
}
});
你知道为什么同样的两张唱片被反复翻阅吗?
非常感谢!
另外,我发现的这个滚动函数似乎是上下调用的。但这是另一个问题。只是说让你知道我至少知道这么多。
最佳答案
vkTemplate不支持追加。查看vkTemplate主页
http://www.eslinstructor.net/vktemplate/
菜单项是“附加技术”。
使用vkTemplate实现追加的另一种方法是自定义此插件。很简单:打开代码并查找行#94102117https://github.com/vkiryukhin/vkTemplate/blob/master/vktemplate.js
$(elm).empty().append(. . .)
并从此表达式中移除empty()。
希望能帮上忙,
-瓦迪姆