pjax怎样用
程序员文章站
2024-01-24 12:44:10
...
求用过的人来回答 教会必定报酬
回复内容:
求用过的人来回答 教会必定报酬
window.history.pushState(state, title, url);
// https://developer.mozilla.org/zh-CN/docs/Web/API/History/pushState
// @状态对象: 记录历史记录点的额外对象,可以为空.
// @页面标题: 目前所有浏览器都不支持.
// @可选的URL: 浏览器不会检查URL是否存在,只改变URL.URL必须同域,不能跨域.
PJAX其实就是HTML5 window.history.pushState(state, title, url)
这个新的API加上传统的AJAX技术,一般用来实现无刷新的页面加载.pushState的作用主要是:改变URL和添加返回历史.这样AJAX无刷新加载页面后,用户还可以正常进行后退和前进,JS的window.history.back()
和window.history.forward()
也能正常工作.下面就是一个用pushState + jQuery AJAX实现的无刷新的页面加载,不支持的浏览器则自动退化成打开原始的链接打开形式.
index.php:
Index
data.php:
Data Content';
//下面这两句是把PHP数组转成JSON对象返回
header('Content-Type: application/json; charset=utf-8');
echo json_encode($arr);
} else {
//常规请求返回HTML
?>
Data
Data Content
注意,JS统计代码应该放到main块里面才能正常统计页面访问数.