基于 AJAX 的应用开发指南
1. 基于 AJAX 的页面自动更新
在 JavaScript 中, setTimeout
函数通常只会执行一次传入的第一个参数所指定的 JavaScript 函数。不过,在特定示例里,传递给 setTimeout
的 getOrdersTotal
函数会调用 updateOrdersTotal
函数,而 updateOrdersTotal
函数又会再次调用 setTimeout
,这样就能保证 getOrdersTotal
函数每隔 30 秒被调用一次。
接下来,我们要构建一个使用 AJAX 与 Web/PHP 服务器进行异步通信的主应用页面。以下是该页面的源代码,将其保存为 ordersReport.php
文件,并存放在之前讨论的所有脚本文件所在的同一文件夹中。
<html>
<head>
<title>Orders report</title>
<style type="text/css">
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: small;
}
table {
border: