(Ajax）在不重新加载内容的情况下登录页面url

我找到了一种方法，可以使用在不刷新页面的情况下更改页面url

window.history.pushState

但我无法登录页面，也无法在不同的浏览中打开它，我得到了一个错误页面，找不到

例如：

www.mydomain.com/profile

我想登录此链接并进入个人资料页面。我该怎么办。

   <script>
     $(document).ready(function(){
        //set trigger and container
        var trigger = $('#nav ul li a'),
            container = $('#container');
        //do on click
        trigger.on('click', function(e){
            /***********/
             e.preventDefault();
            //get the link location that was clicked
            pageurl = $(this).attr('href');

            //to change the browser URL to th  if(pageurl!=window.location){
              window.history.pushState({path:pageurl},'',pageurl);
           /* reload content without refresh */
            //set loading img
            $('#container').append('<div id = "loading">WAIT...  <img src = "img/ajax-loader-small.gif" alt="Currently loading"   /></div>');
            //change img location to center
            $("#loading").css({"position": "absolute", "left": "50%", "top": "50%"});
            //get the  trigger to reload the contents
            var $this = $(this),
                target = $this.data('target');
            container.load(target + '.php');

            return false;
        });
    });
    // fix url in the browser when click on backward and foreword  arrows
    $(window).bind('popstate', function() {
        $.ajax({url:location.pathname+'?rel=tab',success: function(data){
            $('#content').html(data);
        }});
    });

</script>