pjax实现无刷新

jQuery的Pjax插件,Pjax即pushState + Ajax,是实现无刷新ajax加载并解决浏览器前进和后退问题的一个开源实现。优于ajax无刷新的是,pjax在实现无刷新更改页面时,同时更改了url。

1、我们只需在前端页面中引入jquery和pjax插件。如下代码




	
	pjax测试
	
	
	



2、后端用php实现


而red.html和green.html是这样的,无非是一段不同背景的html。



这样我们就实现了,点击按钮无刷新地更改id="main"的div内容,并且,url是随着请求的地址一起变的。


总结:

1、pjax不能在后端直接输出字符串,必须是html包裹的内容,否则就是页面直接刷新了。

2、如果想在后端实现复杂的判断等功能,$_SERVER['HTTP_X_PJAX'],可以提供判断是否为pjax请求。


你可能感兴趣的:(前端)