AJAXify网站

Question

我有合理的理由去做我想解释的事情.我有一个现有网站说abc.com有常规页面等等所有用PHP编写的.现在我想对网站进行AJAX化,即当用户点击链接时,它应该使用AJAX获取链接并替换页面内容.这是简单的部分,我可以使用jQuery get函数实现它.

现在问题出现在用户为页面添加书签时.我可以使用哈希标记来指定用户是否在另一个页面上,但是不是使用javascript再次获取新页面,是否可以在调用页面时使用PHP直接获取它.

能否请您给我一个如何实现上述目标的大纲.此功能类似于Facebook.

感谢您的时间.

Answer 1

这是一个相当简单的过程：(1) 解析哈希标签，(2) 像平常一样通过 Ajax 加载内容。

如果您在用户单击页面时加载更多内容，请确保始终正确修改哈希标签以反映页面上的内容。

这是一个可以使用的快速示例。单击名称并记下井号标签。相关的 JavaScript 看起来像这样：

// Go straight to content if it's in the hash.
$(document).ready(function(){
   load_story_from_hash();
});

// Call this function whenever user clicks on a hash link
function set_hash(hash){
   window.location.hash = hash;
   load_story_from_hash()
}

// Actually load content based on the hash in the URL
function load_story_from_hash(){

   var hash = window.location.hash;
   hash = hash.replace(/^#/, '');

   if (hash) {

      $('#post_container').load(hash+'.html', {}, function(){
         $.scrollTo('#post_container', 1000);
      });

   }

}