jQuery .get 错误响应函数

发布于10月31日

多亏了StackOverflow，我成功地让下面的代码工作得很好，但我还有一个后续问题.

$.get('http://example.com/page/2/', function(data){ 
  $(data).find('#reviews .card').appendTo('#reviews');
});

This code above enabled my site to fetch a second page of articles with a Load More button in WordPress. However when the site runs out of pages/results, I'm running into a small issue. The load more button remains in place. It will keep trying to fetch data even if no pages are remaining.

How can I tweak this command so that I can show a visual response if the .get request fails or is a (404) not found page for instance?

如果有人能帮我举个简单的例子，哪怕是alert("woops!");分，那就太棒了！

谢谢

推荐答案

$.get不会给您设置错误处理程序的机会.您将需要使用低级$.ajax功能:

$.ajax({
    url: 'http://example.com/page/2/',
    type: 'GET',
    success: function(data){ 
        $(data).find('#reviews .card').appendTo('#reviews');
    },
    error: function(data) {
        alert('woops!'); //or whatever
    }
});

Edit March '10个

请注意，使用jQuery 1.5中新的jqXHR对象，您可以在调用$.get之后设置错误处理程序:

$.get('http://example.com/page/2/', function(data){ 
    $(data).find('#reviews .card').appendTo('#reviews');
}).fail(function() {
    alert('woops'); // or whatever
});