Question

我知道以下代码会在页面上单击按钮时显示加载图像：

   $.ajaxSetup ({  
         cache: false  
     });  
     var ajax_load = "<img src='img/load.gif' alt='loading...' />";  


     var loadUrl = "ajax/load.php";  
     $("#load_basic").click(function(){  
         $("#result").html(ajax_load).load(loadUrl);  
     });

但如果我希望在页面加载时尽快发生这种情况该怎么办？我不希望用户交互点击按钮进行ajax调用。

Answer 1

将其丢入文档就绪函数：

$(document).ready(function() {
$.ajaxSetup ({  
     cache: false  
 });  
 var ajax_load = "<img src='img/load.gif' alt='loading...' />";  
 var loadUrl = "ajax/load.php";   
 $("#result").html(ajax_load).load(loadUrl);  
}

Answer 2

jQuery(function(){
   // now you are triggering click your self not waiting for uer to click,
   //although he may click to start an ajax request
    $("#load_basic").trigger('click');
});

Answer 3

您可以尝试从$（document）.ready（）函数调用它。您可能还想查看此article，这会为其添加更多内容。

在内容加载时显示加载消息

3 个答案: