原型 - AJAX PeriodicalUpdater() 方法

上一个
下一个

此 AJAX 方法定期执行 AJAX 请求，并根据响应文本更新某个容器的内容。

容器通过提供 HTML 元素的 ID 来指定，如章节或段落。请参见以下示例。

回调在请求的生命周期中各个点调用，且始终具有相同参数列表。它们与其他选项一起传递给请求者。

语法

new Ajax.PeriodicalUpdater(container, url[, options]);

Ajax.PeriodicalUpdater 具备 常见选项 和回调，以及 Ajax.Updater(). 添加的选项和回调。

该方法还有两个特定选项 −

选项 描述
frequency

默认值为 2.

这是发送 AJAX 请求的最短间隔。
decay

默认值为 1.

此项控制当响应没有改变时请求间隔增长的比例。

返回值

返回 AJAX PeriodicalUpdater 对象。

禁用和启用 PeriodicalUpdater

只需调用其停止方法，便可禁用正在运行的 PeriodicalUpdater。如果你希望稍后重新启用它，只需调用其开始方法即可。两者均不带参数。

示例

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      
      <script>
         function startTimer() {
            new Ajax.PeriodicalUpdater('datetime', '/cgi-bin/timer.cgi', {
               method: 'get', frequency: 3, decay: 2
            });
         }
      </script>
   </head>

   <body>
      <p>Click start button to see how Current Time changes.</p>
      <p>This example may not work in IE.</p>
      <br />
 
      <div id = "datetime">Current Time</div>
      <br />
      <br />
      <input type = "button" value = "Start" onclick = "startTimer();"/>
   </body>
</html>

这是 timer.cgi 脚本的内容 −

#!/usr/bin/perl

print "Content-type: text/html\n\n";

$datetime = localtime;
print $datetime;
print "<br />";

输出

prototype_ajax_tutorial.htm
打印此页面
上一个
下一个
广告