刷新div而不用jquery重新加载页面

时间:2015-04-14 16:00:28

标签: javascript php jquery magento

我在php中有一个页面,我只需要刷新此页面的div

<body>
 .... page code here ....
?><div id="chattext">
            <div id="list"><ul><?php
                echo "ttt ".time();
                ... code php ...
</body>

在head标签中我讨厌这段代码

<script>

$(document).ready(function()
{
    $.ajaxSetup(
    {
        cache: false,
        beforeSend: function() {
            $('#chattext').hide();
            //$('#loading').show();
        },
        complete: function() {
            //$('#loading').hide();
            $('#chattext').show();
        },
        success: function() {
            //$('#loading').hide();
            $('#chattext').show();
        }
    });        
    var url='index.php';
    var refreshId = setInterval(function()
    {            
        $('#chattext').load(url + '#list');
    }, 3000);
});

问题是,第一次重新加载块内的所有页面,并且只从第二次重新加载正确的div ....为什么???我怎么解决这个问题?

1 个答案:

答案 0 :(得分:3)

在加载页面片段的代码中

$('#chattext').load(url + '#list');

它需要在url和片段标识符之间留出空格

$('#chattext').load(url + ' #list');