jQuery: Простой движок AJAX-сайта
Выдернуто откуда-то из просторов сети и доработано
Требование:
Наличие на странице обертки , в которую будет грузиться страница
Наличие обертки , для показа во время ожидания загрузки
Примеры 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'); } } }); }
0 Comments