感谢StackOverflow,我设法得到以下代码工作完美,但我有一个后续问题。
$.get('http://example.com/page/2/',function(data){ $(data).find('#reviews .card').appendTo('#reviews'); });
上面的代码使我的网站使用wordpress中的加载更多按钮获取第二页的文章。但是,当网站用完了页面/结果,我遇到了一个小问题。加载更多按钮保持就位。即使没有剩余的页面,它也会继续尝试获取数据。
如何调整此命令,以便我可以显示一个视觉响应,如果.get请求失败或是一个(404)未找到页面实例?
如果有人可以帮助我一个简单的例子,甚至一个警报(“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 } });
编辑2010年3月
注意,使用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 });