javascript - 使用 AJAX 设置间隔

Question

目的是当您单击按钮时显示一个 DIV，然后在该 DIV 内显示来 self 的数据库的文本。问题是数据库中的数据会发生变化，因此该 div 内的文本也会发生变化。我需要一个 setInterval... 使用 AJAX

我是 javascript 新手，不知道该怎么做...

HTML:

<div onClick="showDiv();"> click </div>

<div style="display: none;" id="div"> 
Info from database:
<span style="display: hidden;" id="data1"> DATA 1 </span>
<span style="display: hidden;" id="data2"> DATA 2 </span>
</div>

JavaScript:

function showDiv()
{
document.querySelector("#div").style.display = "block";
setInterval(function () {getData()}, 1000);
}

function getData()
{

$.post(
            'process.php', 
            {

            },

            function(data){

                if(data == '1'){
                     document.querySelector("#data1").style.display = "inline";
                }
                else if(data == '2'){
                     document.querySelector("#data2").style.display = "inline";
                }


            },

            'text'
         );

         return false;

}

//不知道如何从数据库中获取数据而不通过 POST 或 GET 发送。

php:

<?php

    SELECT x FROM database

    if(x == 1)
    {echo '1';}

    else if(x == 2)
    {echo '2';}

    ?>

Answer 1

1. 使用 AJAX 获取数据:Learn here 。您的 setInterval() 代码是正确的，或者您可以执行以下操作:setInterval(getData,1000);

2. 在 span 中显示数据:

   document.getElementById("data1").innerHTML = "数据库中的内容"; document.getElementById("data2").innerHTML = "数据库中的内容";