javascript - 如何使用 ajax 自动刷新页面的一部分，而无需手动调用 javascript 中的函数？

Question

var xmlhttp;

//Set up ajax first so he knows which guy to play with
function loadXMLDoc(url,cfunc)
{
    //Code to catch modern browsers
    if (window.XMLHttpRequest)
    {
        xmlhttp=new XMLHttpRequest();
    }

    //Code to catch crap browsers
    else
    {
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }

    //Set up
    xmlhttp.onreadystatechange=cfunc;
    xmlhttp.open("GET",url,true);
    xmlhttp.send();
}

//Set a function to deploy when something calls myFunction()
function myFunction()
{
    loadXMLDoc("../../../support/ajaxTest.txt",function()
    {
        //Fires off when button pressed
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("statusRefresh").innerHTML=xmlhttp.responseText;
            setInterval( "alert('Hello I did something but i needed to be invoked by a button first')", 5000 );  
        }

    });
}

我想调用restful java服务来刷新“状态”。我需要 ajax 在页面被点击后自动刷新此状态。刷新方法不是即时的，因为它必须与其他机器通信。

Answer 1

function autoRefresh()
{
    var url    = "../../../support/ajaxTest.txt";
    var target = document.getElementById("statusRefresh");

    var doRefresh = function() 
    {
        loadXMLDoc(url, function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                target.innerHTML=xmlhttp.responseText;
            }
        }
    });

    setInterval( doRefresh, 5000 );  
} 

和

document.onload = autoRefresh;