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. 服务器返回与当前所选页面对应的结果

您可以看到，在第一个场景中，您必须在客户端存储总结果计数。与第二个相反，每次结果请求都会收到它。

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