javascript - 对我的 jQuery 代码进行小修改

Question

您好，如何编辑以下代码以自动重新加载指定 div 的内容？

下面的代码重新加载了一个名为 form.php 的文件，我想将其替换为 div。

<style>
    .loading { 
        height:24px; 
        background: url('http://b.static.ak.fbcdn.net/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif') 50% 50% no-repeat; 
        }
</style>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js'></script>
<script language='JavaScript'>
setInterval( 'SANAjax();', 10000 );  ///////// 10 seconds

$(function() 
{
    SANAjax = function()
    {     
        $('#reservationdetails')
            .empty()
            .addClass('loading')
            .load('form.php', function()
            {
                $('#reservationdetails').removeClass('loading') 
            });

    }
});
</script>

谢谢!

Answer 1

重新排序您的代码:

$(function() {
    var SANAjax = function(){
        $('#reservationdetails').empty().addClass('loading')
          .load('form.php', function() {
             $(this).removeClass('loading') 
          });
    }
    setInterval(SANAjax, 10000 );
});

我假设#reservationdetails是您想要加载响应的div。

无需将字符串传递给setInterval。始终将函数引用传递给它(与 setTimeout 相同)。