javascript - 在 pjax 请求上显示加载文本

Question

我有一个使用 pjax 加载页面的脚本。我想在请求发出时显示加载“正在加载...”文本，并显示直到页面完全加载。当ajax打电话时...

        pjax.connect({
        'container': 'pageContent',
        'beforeSend': function(){console.log("before send");},
        'complete': function(){console.log("done!");}
    });

在萤火虫控制台中，它发送此消息。所以我在想也许，使用 beforesend 和 complete 功能是可行的。我对javascript知之甚少，所以也许你们中的一些人可以告诉我如何做到这一点。

Answer 1

你是对的 - 你可以使用 'beforeSend' 来显示 'Loading...' 消息，并使用 'complete' 事件来删除它：

  pjax.connect({
    'container': 'pageContent',
    'beforeSend': function(){ $('#LoadingMSG').show(); },
    'complete': function(){ $('#LoadingMSG').hide();}
  });

这假设您有一个 ID 设置为 LoadingMSG 的元素：

<div id='LoadingMSG'>Loading...</div>

希望这可以帮助！

Answer 2

   <div id='main'>
     <div class='loader' style='display:none'><img src='spin.gif'></div>
     <div class='tabs'>
       <a href='/explore'>Explore</a>
       <a href='/help'>Help</a>
     </div>
   </div>


   $('a').pjax('#main').live('click', function(){
     $(this).showLoader()
   })