在頁面加載時加載，而不是在點擊時加載（ajax，php）

Question

$(function(){  
    $('p.load_it a').click(function(){  
        $('#demo_content').load('http://d.com/myphp.php?  nice=1149632');  
        return false;  
    });  
});  

單擊我以使用AJAX加載一些HTML。

  <div id='demo_content'> </div> 

我想知道是否有人可以給我一些建議，而不是通過單擊而是通過動畫“加載”效果來加載這種效果。

讓我知道是否有人有任何建議。

Answer 1

當頁面上的DOM准備就緒時，這將執行load()調用。

$(document).ready(function() {
    $('#demo_content').load('http://example.com/myphp.php? nice=1149632');
    return false;
});

至於您的“加載”請求，建議您看一下StackOverflow問題 。 沒關系，我只是看到您已經有了一些想法。

Answer 2

$(document).ready(function() {
    $.ajax({
      url: 'http://example.com/myphp.php?nice=1149632',
      success: function(data) {
        $('#demo_content').html(data);
      }
    beforeSend: function(){
        //show loading here
        $('#demo_content').html("Loading...");
    }
    });
});

Answer 3

如果要在頁面加載后執行javascript代碼，也可以在頁面底部添加腳本，如下所示：

<script>
$('#demo_content').load('http://example.com/myphp.php? nice=1149632');
</script>