Load when page loads, not on click, etc(ajax,php)

$(function(){  
    $('p.load_it a').click(function(){  
        $('#dem开发者_运维技巧o_content').load('http://d.com/myphp.php?  nice=1149632');  
        return false;  
    });  
});  

    <div id='demo_content'> 

    </div> 

I wanted to know if anyone can give me advice as to how I can load this kind of Effect not by a click, but by an animated "loading" effect.

Let me know if anyone has any suggestions.

This will execute your load() call when the DOM on the page is ready.

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

As for your 'loading' request, I suggest you take a look at this StackOverflow question. Nevermind, I just saw you already had something in mind.

$(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...");
    }
    });
});

If you want the javascript code to be executed when the page has been loaded, you can also add the script at the bottom of the page, like this:

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