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