【问题标题】:jQuery Pagination: Don't want page to go back to page 1 on refreshjQuery分页:不希望页面在刷新时返回第1页
【发布时间】:2013-06-22 15:41:57
【问题描述】:

我为 jQuery 分页编写了一些代码。

当点击页面链接时,会设置一个AJAX请求,并使用GET方法从数据库中检索信息,然后将结果显示在新页面上。

代码很简单:

function getContentItems(tableSelect , pageNumber){
$('.slideImg').attr('src','ajaxload.gif');
$.ajax({
    type:'GET',
    url:'getDataPages.php',
    data:"pageNumber="+pageNumber+"&tableSelect="+tableSelect,
    dataType:"json",
    cache:true,
    success: function(result){
        var phpresultArray = result;  //Show the retrieved result here with 
                                       //cool  jQuery effects ;)



        }
    }
})
}

我的问题:假设用户正在查看页面号为20,并且他点击了该页面上的某个链接。现在如果他按下浏览器上的BACK 按钮,他将被重定向到页面1。如何防止这种情况。我希望用户回到同一页面。

【问题讨论】:

  • 将页面保存在 cookie 中?
  • 或将页面保存为查询字符串或哈希
  • 好的,我会搜索这些东西。谢谢你们的回复。
  • @maazza 你能告诉我在哪里创建 cookie 吗?
  • 添加显示页面的cookie(ajax回调)

标签: jquery pagination


【解决方案1】:

备用一个
使用哈希标签..比如如果用户在第一页然后pagename#1,如果在第二页然后pagename#2..

备用两个
使用Web Storage

也看看Post/Redirect/Get这可能对你有帮助

【讨论】:

  • 没关系。但是我将如何检索信息。从某种意义上说,当用户按下 BACK 或 REFRESH 按钮时,代码将再次从数据库中获取结果。基本上,我想问的是我应该把这些哈希标签放在哪里
  • 谈论主题标签.. 当用户单击第二页的链接时,使 URL 类似于 pagename#2 的链接可以类似于 <a href="#2"></a>... 点击此链接url 会被改变,你可以调用你的 ajax ..
  • 但是这样页面将与服务器交互,每次刷新。对吗?
  • @NavneetSaini nop 它不会......任何时候你都可以旅行,即使用# hashtags在同一页面上移动它们不会向服务器发送请求..
  • 他们还有什么办法吗?我编写代码的方式,主题标签不起作用
猜你喜欢
  • 1970-01-01
  • 2018-03-07
  • 1970-01-01
  • 2015-04-17
  • 1970-01-01
  • 2016-11-28
  • 1970-01-01
  • 2020-03-21
  • 2021-04-30
相关资源
最近更新 更多