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;
});

~~至于你的“加载”请求，我建议你看看this StackOverflow question。~~没关系，我刚看到你已经有了想法。

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>

加载页面时加载，而不是点击等等（ajax，php）

3 个答案: