jquery动态分页

Question

我有这个脚本可以显示 Bing 搜索结果：JsFiddle Demo

问题是它一次最多只能显示 50 个结果。所以我想做一个分页。到目前为止，我有这段代码可以显示结果的第二部分，其中 var WebOffset = "Web.Offset=0";

$("#page2").click(function() {
    WebOffset = "Web.Offset=1";
    var searchTerms = getSearch();
    doSearch(searchTerms);
});

我的问题：我如何预测总共有多少结果，以便我现在可以制作多少分页数 (div)。但更重要的是，这当然必须是“自动化的”。因此，代码必须根据 bing 结果显示一组 div（分页数）。我真的不知道要开始解决这个问题。任何帮助表示赞赏。

Answer 1

由于您必须有一些服务器端逻辑才能获得结果，因此您可以在提交搜索查询时请求结果数量并将其存储，或者您可以在每个页面请求中获取该数量。此外，由于您使用的是 jQuery，这应该很容易。

以下是这两种情况的样子：

第一：

1. 用户提交搜索查询
2. 服务器返回第一页结果。
3. 获取结果总数，用于分页控件
4. 用户点击了不同的页面（用页码向服务器发送请求）
5. 服务器返回当前选中页面对应的结果

第二个：

1. 用户提交搜索查询
2. 服务器返回首页结果以及总结果数
3. 用户点击了不同的页面（用页码向服务器发送请求）
4. 服务器返回当前选中页面对应的结果

您可以看到，在第一种情况下，您必须将结果总数存储在客户端。与第二个相反，您在每个结果请求中都会收到它。

首页这有帮助。祝你有美好的一天！