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

jQuery Ajax页面加载失败

2 个答案: