如何在jquery中的.load()函数中放置两个回调函数?

时间:2014-06-10 14:36:12

标签: javascript jquery ajax

我在使用.load()函数找出如何处理页面错误的问题时,我已经使用了回调功能进行转换,而且我不知道如何或放置错误代码并使其正常工作....

我有这个代码.....

$('.menuLink:eq(0)').click(function(event) {
    event.preventDefault();
    setTimeout($('#navigation ul li').removeClass('expand', 'normal'), 1000);
    $('section').hide().load('index.html section', function() {
        $(this).fadeIn('slow');
    });
});

我想加载段标记中可能出现的任何错误...

2 个答案:

答案 0 :(得分:1)

如果您使用的是load(),则可以在同一个回调函数中执行错误检查。例如,如JQuery documentation中所述:

如果Ajax请求遇到错误,则显示通知。

<script>
$( "#success" ).load( "/not-here.php", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});
</script>

答案 1 :(得分:0)

在该回调函数中,首先检查错误。然后,如果没有错误,请执行fadeIn。

$('.menuLink:eq(0)').click(function(event) {
event.preventDefault();
setTimeout($('#navigation ul li').removeClass('expand', 'normal'), 1000);
$('section').hide().load('index.html section', function() {
    // Check for errors here
    $(this).fadeIn('slow');
});

});