作者henry4343 (henry)
看板Ajax
标题[问题] history.putState & Ajax 问题
时间Tue Jul 23 14:49:37 2013
请问一下各位
我想要使用Ajax更新ol的资料 又想要达到回上一页的功能
看了一下网路的范例
http://stackoverflow.com/questions/10571734/html5-history-api-demo
这个范例可以达到我想要的功能
不过我要使用jQuery的ajax从php捞资料
我改写了一下code以後变成
document.getElementById ('menu').addEventListener('click',function(event){
var el = event.targe;
event.preventDefault ();
if (el.nodeName === 'A') {
// Gets url of the page
var sourcePath = el.getAttribute ('href');
$.post("fileQuery.php",
{
filePath:sourcePath
},
function(data,status){
history.pushState (data, null, el.href);
update(data);
});
}
});
当我第一次点到li的时候有正确捞回资料并显示出来,回上一页的按钮也可以按
不过上一页的按钮按了没有反应
然後当我第二次以後点li的时候 ajax就一直没办法传回资料(function无反应),不过
当我把history.pustState那一行注解掉以後,就可以正常使用(不过这样就没有上一页
的功能了)
希望有经验的大大可以帮帮忙
谢谢~
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 124.11.17.212
1F:→ alpe:你用那个浏览器 07/23 15:53
2F:→ henry4343:chrome 07/23 16:57
3F:→ henry4343:我改成用$.ajax就可以了.... 真怪 07/23 16:57