小编典典

将加载动画添加到jquery ajax .load()

ajax

我目前有此代码,非常简单

$('#window').load('http://mysite.com/mypage.php');

但是它仅在完全加载后显示内容,并且在此期间#windows元素保持为空。我想显示一个加载图像,直到页面加载为止。我该怎么办?jQuery网站对此没有任何解释。(据我所知)


阅读 373

收藏
2020-07-26

共1个答案

小编典典

loading首先创建一个div。

 <div id='loadingDiv'>
    Please wait...  <img src='path to your super fancy spinner' />
 </div>

最初隐藏此DIV,并附加代码以在ajaxCall启动时显示此div,并在ajax调用完成时隐藏此div。

$('#loadingDiv').hide().ajaxStart( function() {
$(this).show();  // show Loading Div
} ).ajaxStop ( function(){
$(this).hide(); // hide loading div
});

编辑
一段时间以前,SO格式化标签中存在一些问题。再次添加了这些。

2020-07-26