gpt4 book ai didi

javascript - 使用 jQuery 对记录进行分页

转载 作者:行者123 更新时间:2023-11-30 07:19:18 26 4
gpt4 key购买 nike

我有一个包含大量记录的 JSON 结果。我想显示第一个,但有一个下一步按钮来查看第二个,依此类推。我不希望页面刷新,这就是为什么我希望 JavaScript、jQuery 甚至第三方 AJAX 库的组合可以提供帮助。

有什么建议吗?

最佳答案

希望对您有所帮助:

var noName = {
data: null
,currentIndex : 0
,init: function(data) {
this.data = data;
this.show(this.data.length - 1); // show last
}
,show: function(index) {
var jsonObj = this.data[index];
if(!jsonObj) {
alert("No more data");
return;
}
this.currentIndex = index;
var title = jsonObj.title;
var text = jsonObj.text;
var next = $("<a>").attr("href","#").click(this.nextHandler).text("next");
var previous = $("<a>").attr("href","#").click(this.previousHandler).text("previous");

$("body").html("<h2>"+title+"</h2><p>"+text+"</p>");
$("body").append(previous);
$("body").append(document.createTextNode(" "));
$("body").append(next);
}
,nextHandler: function() {
noName.show(noName.currentIndex + 1);
}
,previousHandler: function() {
noName.show(noName.currentIndex - 1);
}
};

window.onload = function() {
var data = [
{"title": "Hello there", "text": "Some text"},
{"title": "Another title", "text": "Other"}
];
noName.init(data);
};

关于javascript - 使用 jQuery 对记录进行分页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/516754/

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