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