PushState+Ajax 完美实现无刷新
2024-08-24 20:42:56
转载自：http://lazynight.me/1897.html
折腾一下PJAX，利用HTML5的新API，实现历史记录的完美导入。
不知道你用没用过Github，里边的目录跳转就是用html5的pushstate做的，效果很酷。
还有一个关于web知识的宣传网站，http://www.20thingsilearned.com/en-US
你可以完美的前进后退，并且可以与好友分享特定页面，实现方法？不用我说了吧。
实现PJAX只需要以下几点：
pushState(state,– Add one history state into browser history and update the URL in the browser window
title, url)replaceState(state,– operates exactly like history.pushState() except that replaceState() modifies the current history entry instead of creating a new one.
title, url)window.onpopstate–
A popstate event is dispatched to the window every time the active history entry changes.
If the history entry being activated was created by a call to pushState or affected by a call to replaceState, the popstate event’s state property contains a copy of the history entry’s state object.
不想手写？拿来主义？
好吧，这里推荐给你一个现成的文件History.js，完美支持HTML4与HTML5，
在HTML5浏览器使用新API，HTML4浏览器继续锚点的干活…
https://github.com/balupton/History.js
试了一下，把wp主题给整了一个PJAX版本，效果不错，继续挖掘中。
想折腾的朋友，可以开始动手了。
最新文章
- RMQ训练题 codevs 1291 火车线路 已经搞定
- Lucene学习之一：使用lucene为数据库表创建索引，并按关键字查询
- SharePoint Online 创建门户网站系列之定制栏目
- sql server 事务处理
- mongo vue的常用操作
- Hibernate使用count(*)取得表中记录总数
- HttpClient -- 血的教训
- WinScp上传和下载
- SAR ADC简介
- windows8.1 App中webView 使用定位
- webshell 匿名用户（入侵者）
- sql server sys.object表字段说明
- wpf应用程序 打印标签
- css中设置div垂直水平居中的方法
- ACCA AI来袭会议笔记
- 华大单片机开发板HC32F030上手入门
- Intellij IDEA常用快捷键介绍 Intellij IDEA快捷键大全汇总
- 【九校3D2T3】世界第一的猛汉王
- Java发送QQ邮件
- linux 乌班图 安装pycharm