javascript - 使用 AJAX 和 FORM 自动刷新 DIV，按下按钮后有间隔

Question

我有一个简单的 javascript，我用它来使用 AJAX 向 DIV 提供脚本中的内容。仅在用户单击按钮后才会发生这种情况。用户按下按钮(一次)并且 DIV 填充了脚本的输出后我想要什么:

1. 禁用按钮

2. 让 DIV 使用 AJAX 每 5 秒重新加载脚本的输出

   <脚本语言=“Javascript”>

 function xmlhttpPost(strURL) {
        var xmlHttpReq = false;
        var self = this;
        // Mozilla/Safari
        if (window.XMLHttpRequest) {
            self.xmlHttpReq = new XMLHttpRequest();
        }
        // IE
        else if (window.ActiveXObject) {
            self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
        }
        self.xmlHttpReq.open('POST', strURL, true);
        self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        self.xmlHttpReq.onreadystatechange = function() {
            if (self.xmlHttpReq.readyState == 4) {
                updatepage(self.xmlHttpReq.responseText);
            }
        }
        self.xmlHttpReq.send(getquerystring());
    }

    function getquerystring() {
        var form = document.forms['f1'];
        var xword = form.xword.value;
        qstr = 'addpost=' + escape(xword);  // NOTE: no '?' before querystring
        return qstr;
    }

    function updatepage(str){
        document.getElementById("result").innerHTML = str;
    }
    </script>
    <form name="f1">
      <input name="xword" type="hidden" value="someword"> 
      <input value="betaling gereed" type="button" name="btn" onclick='JavaScript:xmlhttpPost("script.php")'></p>
      <div id="result"></div>
    </form>

Answer 1

使用 setTimeout() JavaScript 方法如下:

setTimeout ('xmlhttpPost("script.php")', 5000);

在 updatepage() 方法的末尾，调用此方法。

例如:

function updatepage(str){
    document.getElementById("result").innerHTML = str;
    setTimeout ('xmlhttpPost("script.php")', 5000);
    }

要禁用该按钮，您需要向按钮标记添加 id 属性。然后你可以像这样禁用:

document.getElementById('btn').disable();