Have a Snippet?

Keep, track and share your code snippets with your friends



jQuery: Простой движок AJAX-сайта Share on Vkontakte

Выдернуто откуда-то из просторов сети и доработано
Требование:
Наличие на странице обертки

, в которую будет грузиться страница
Наличие обертки
, для показа во время ожидания загрузки
Примеры ajax-ссылки:
ajax-ссылка
ajax-ссылка

var default_content="";

$(document).ready(function(){
        checkURL();
        $('a').click(function (e){
                checkURL(this.hash);
        });
        default_content = $('#ajaxContent').html();
        setInterval("checkURL()",250);
});

var lasturl="";

function checkURL(hash)
{
        if(!hash) hash=window.location.hash;
        if(hash != lasturl)
        {
                backurl=lasturl;
                lasturl=hash;
                if(hash==""){
                        $('#ajaxContent').html(default_content);
                }else{
                        loadPage(hash,backurl);
                }
        }
}

function loadPage(url,backurl)
{
        toSend                  = new Object();
    toSend.url          = url;
    toSend.backurl      = backurl;
        toSend.path     = window.location.pathname;
    str_json            = JSON.stringify(toSend); 
        
        $('#loading').css('visibility','visible');
        
        $.ajax({
                type: "POST",
                url: "ajax.php",
                data: {act:"loadpage",param:str_json},
                success: function(response){
                        if(parseInt(response)!=0)
                        {
                                $('#ajaxContent').html(response);
                                $('#loading').css('visibility','hidden');
                        }
                }
        });
}


Tag: jQuery, Ajax, hash

0 Comments