javascript – 使用ajax并将html数据保存为对象时,聆听浏览器后退按钮.是好是坏?

栏目: Html · 发布时间: 7年前

内容简介:似乎pjax是您正在寻找的图书馆:翻译自:https://stackoverflow.com/questions/12359895/listening-to-browser-back-button-when-using-ajax-and-saving-the-html-data-as-an
我正在创建一个脚本,用于监听浏览器后退按钮并加载上一页.我是jquery和 javascript

(一个 php 人)的新手.在重新发明之前,我已经在整个网络上搜索了一个库.但是由于我在ajax链接中使用了很多参数,我无法使用这些库.我承认我的错误,因为我不知道如何使用这种复杂的系统.所以我在想如果创建一个系统如下.

// get the contents of a particular div and save as an object/associative array 
// { hash : pageNumber, html : content}
function save_history(div){
    var content = $(div).html();
    // increment the page number and add hash tags to the URL
}   

// Listen to the browser hash value change
$(window).bind('hashchange', function () {
    hash = window.location.hash;
    if(hashValue){
        load_history(hashValue);
    }   
}); 

// Load data from history
function load_history(id){
    // fetch the content based on the hashvalue
    $(div).html(content);
}

使用它有什么问题吗?当许多内容被保存为对象时,这会使页面无响应或崩溃浏览器吗?如果它导致这样的问题,我不想浪费我的时间.

似乎pjax是您正在寻找的图书馆: https://github.com/defunkt/jquery-pjax

翻译自:https://stackoverflow.com/questions/12359895/listening-to-browser-back-button-when-using-ajax-and-saving-the-html-data-as-an


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

企业应用架构模式

企业应用架构模式

Martin Fowler / 人民邮电出版社 / 2009 / 79.00元

随着信息技术的广泛应用,系统需要处理的数据量越来越大,企业级软件开发已经渐成主流,而开发人员面临的困难与挑战也是显而易见的。更糟糕的是,这一领域的资料一直非常缺乏。 本书是软件开发大师Martin Fowler的代表作,采用模式的形式系统总结了业界多年积累的经验,被称为“企业级应用开发领域的圣经”,出版以来一直畅销不衰,至今仍然无可替代。作 者在精彩地阐述了企业应用开发和设计中的核心原则基础......一起来看看 《企业应用架构模式》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

html转js在线工具
html转js在线工具

html转js在线工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换