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

Question

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

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

在 firebug 控制台中它发送此消息。所以我在想，也许有了 beforesend 和 complete 功能，它是可行的。我对 javascript 的了解很少，所以也许你们中的某个人可以告诉我如何做到这一点。

Answer 1

您是对的 - 您可以使用“beforeSend”来显示“正在加载...”消息，并使用“完成”事件将其删除:

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

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

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

希望这对您有所帮助!