通过 Ajax 调用的轮询机制

Question

我需要添加轮询机制以通过我的网页调用网络服务。为此，我试图在 javascript 页面内使用 ajax 调用。我对 ajax 和 javascript 很陌生。我写了下面的代码。

<html>
<head>
    <script language="JavaScript" type="text/javascript">
         function pollServerForNewMail() {
            setTimeout(function(){
            $.ajax({ url: "server", success: function(data){
                alert("TEST");
                poll();
            }, dataType: "json"});
        }, 10000);
</script>
</head>
<body>

</body>
</html>

我需要的是每 10 秒触发一次警报测试。任何人都请帮助我。

我将用我的两个 jsp 文件编辑 post。

index.jsp 文件

<html>
    <table style="width:100%;text-align:center;'">
<tr>
<td style="text-align:center;width:100%">                               
<a href="polling.jsp?reset=true"><img src="images/import.png" /></a>
</td>
</tr>
</table>
</html>

polling.jsp 文件

         <html>
            <head>
                <script language="JavaScript" type="text/javascript">
                     function pollServerForNewMail() {
                        setTimeout(function(){
                        $.ajax({ url: "server", success: function(data){
                            alert("TEST");
                            poll();
                        }, dataType: "json"});
                    }, 10000);
}
        pollServerForNewMail() ;  

          </script>
            </head>
            <body>
       </body>
        </html>

谢谢

Answer 1

setTimeout 只会触发一次计时器。

使用setInterval每X秒执行一次代码：

function pollServerForNewMail() {
    setInterval(function(){
        // Code in this function will run every 10 seconds

        $.ajax({ url: "server", success: function(data){
            alert("TEST");
            poll();
        }, dataType: "json"});
    }, 10000);
}

Answer 2

我通过如下更改 polling.jsp 文件解决了我的问题。我会添加我的解决方案。

  <html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script>
            var set_delay = 5000,
                    callout = function () {
                        $.ajax({
                            /* blah */
                        })
                                .done(function (response) {
                                   alert("TEST");
                                })
                                .always(function () {
                                    setTimeout(callout, set_delay);
                                });
                    };
            callout();
        </script>
    </head>
    <body>

    </body>
    </html>

通过 Ajax 调用的轮询机制

Polling mechanism through an Ajax call

javascript

ajax

polling