显示加载信息，而内容加载

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

你可以尝试从$（文件）。就绪（）函数调用它。你可能也想看看这个article，它增加了很多。