Ошибка загрузки страницы jQuery Ajax

Question

Я хочу, когда я нажму ссылку с атрибутом «linkdata» = «page», чтобы изменить код тела на загружаемое изображение и после того, как это сделано, чтобы изменить HTML всего документа на результат. Вот текущий код у меня есть:

$('a[linkdata="page"]').each(function() { 
    $(this).click(function() { 
    var attribute = $(this).attr("href"); 
    $("body").html('<center><img src="/ajax-loader.gif" /></center>'); 
    $.ajax({ type: "GET", url: attribute }).done(function (data) { 
     $(document).html(data); 
    }); 
    return false; 
    }); 
}); 

Результат: Он изменяет HTML код организма изображения и всегда терпит неудачу с запросом (который http://somelink.com/home - с помощью CodeIgniter, попытался с .fail(function() { window.location="/error/404" });)

Answer 1

$('a[linkdata="page"]').click(function(e){ 
    e.preventDefault(); 
    $("body").html('<center><img src="/ajax-loader.gif" /></center>'); 
    $.ajax({url:$(this).attr("href") }) 
    .success(function(data){$(document.body).html(data);}) 
    .error(function(x,s,e){alert('Warning! '+s+': '+e)}); 
}); 

Answer 2

$('a[linkdata="page"]').on('click',function(k,v){ 
    var attribute = $(this).attr("href"); 
    $("body").html('<center><img src="/ajax-loader.gif" /></center>'); 
    $(document).load({ type: "GET", url: attribute }); 
    })