码迷,mamicode.com
首页 > 其他好文 > 详细

最简单的SPA(单页应用)实现

时间:2016-08-05 13:49:58      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:

 

$(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);
    });
});

 

最简单的SPA(单页应用)实现

标签:

原文地址:http://www.cnblogs.com/turtlegood/p/5740847.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!