最簡單的SPA（單頁應用）實現

 

$(function(){
    var replacePage = function(href, onFinish){
        $.get(href,{},function(raw){
            var data = raw.substring(raw.indexOf('</head>')+7,raw.indexOf('</body>')+7);
            $('body').html(data);
            if(onFinish!=undefined)onFinish();
        });
    };
    $("body").click(function(){
        var $target = $(event.target);
        var href = $target.attr('href');
        if(href=="")return;

        event.preventDefault();
        console.log('SPA push',href);
        replacePage(href, function(){
            history.pushState(null,null,href);
        });
    });
    window.addEventListener('popstate',function(event){
        console.log('SPA pop');
        replacePage(window.location.href);
    });
});