【问题标题】:Loading content every second without button click每秒加载内容而无需单击按钮
【发布时间】:2014-04-23 12:56:59
【问题描述】:

我正在尝试创建一个页面,其中请求的页面在设定的时间间隔后刷新。

我获取了一些使用按钮的 w3schools 基本代码。但是,我希望脚本在不使用按钮的情况下加载和显示内容,并在设定的时间间隔后刷新。

我不想使用 Jquery,而是使用 AJAX。

这会在按下按钮后将内容加载到 div 中的页面上,但希望没有按钮单击并在 5 秒后刷新。

<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("GET","content.php",true);
xmlhttp.send();
}

</script>
</head>
<body>

<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoc()">Request data</button>

【问题讨论】:

    标签: javascript php ajax


    【解决方案1】:
    setInterval(function(){loadXMLDoc();},5000);
    


    因为你只需要调用一个方法,不需要传递任何参数,所以使用第二个

    setInterval(loadXMLDoc,5000);//preffered
    

    更新:-

    <script>
    setInterval(loadXMLDoc,5000);//preffered
    </script>
    

    【讨论】:

    • setInterval(loadXMLDoc, 5000);
    • 如何在不使用按钮的情况下完成所有这些操作?
    • @user3411002 你必须在你的脚本标签中调用它
    【解决方案2】:
    setInterval(function(){
        "content you want to refresh"
    },5000);
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-11-25
      • 1970-01-01
      • 1970-01-01
      • 2017-09-29
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多