Ajax的优点就是通过局部刷新内容 提高用户体验，但是众所周知的的，ajax后地址栏是不会跟随改变的，URL会一直显示在你第一次进入网站的地址。这样的话 如果用户想分享地址的或者想保存地址的话 就不是当前文章所在的地址。还有返回前进不能使用，这样就造成了很尴尬的局面。这篇文章将介绍2种实现方法，2种各有优缺点。Let's go~~第一种方法是通过Jquery的一个插件jQuery Address实现的。优点就是兼容低版本的浏览器，缺点呢就是它是通过“#”锚点的方法来改变地址的，如果你直接复制AJAX后带锚点的地址打开的话，浏览器会先加载锚点之前的页面，然后才会执行你写的JS，再通过判断AJAX加载锚点的地址。当然也不能算是个很明显的缺点了。

jQuery Address只有十几K的体积，算是很比较小的插件了。（下载）在AJAX执行之前我们来使用插件做操作地址栏。代码如下

var addresschanged=false;                                                   
    $('a[rel="ajax"]').live("click",function(){            所有rel=ajax的 A链接，
        var a=$(this),href=a.attr("href");
        _text=a.text();
        c=a.attr("title");
        if(c==""||c==null)c=_text;
        deeplink=href.replace("http://"+location.hostname+"/","");   设置deeplink
        if(deeplink=="")deeplink="!";                                如果deeplink为空或带！
        addresschanged=true;                                         
        $.address.value(deeplink);
        window.document.title=c+;
        return false
    });
    $.address.change(function(event){                                    监控地址栏变化
        var value=event.value,current=$("#content"),href;
        if(value.indexOf("comment")!==1){
            if(value=="/"){                                      通过几步判断锚点是否需要加载
                href=location.href;
               }
            else {
                if(value=="/!"){href="http://"+location.hostname+"";
                addresschanged=true
                 }
                else{
                href="http://"+location.hostname+""+value+"";
                addresschanged=true
                }
            }
            if(addresschanged==true){loadpage(href)}                  如果addresschanged为真  执行loadpage函数（loadpage函数就是AJAX加载代码）
        }
    });

是不是很方便通过锚点变化里进行ajax操作，若是首页地址则变成 http://soz.im/#/! 如果其它页面则变成http://soz.im/#/xxxx.html。想了解更多详细问题可以去 http://www.asual.com/jquery/address/了解。

如果你不想使用jquery插件，并且你只准备到支持html5的浏览器使用的话 可以使用下面的方法。HTML5中引进了2个API：history.pushState, history.replaceState。可以通过pushState和replaceState接口操作浏览器历史，并且改变当前页面的URL。pushState是将指定的URL添加到浏览器历史里，replaceState是将指定的URL替换当前的URL。

var state = {
    title: title,
    url: options.url,
    otherkey: othervalue
};
window.history.pushState(state, document.title, url);

调用方法如上。响应浏览器操作如下

window.addEventListener('popstate', function(e){
  if (history.state){
    var state = e.state;
    //do something(state.url, state.title);
  }
}, false);

这样就可以结合ajax和pushState完美的进行无刷新浏览了。

到这里wordpress的全站AJAX加载主要问题已经结束。剩下的应该都是一些根据自己的问题来操作的一些小问题。如果你对JS比较熟悉的话 应该是很简单的问题 当然对我写的这些也会这样认为。想更好的了解这些问题 还是多研究下js和jquery 让你更得心应手。

From: http://soz.im/wordpress-full-ajax-loaded-3-change-of-address-bar.html