Ajax之同步请求

来源：互联网发布：linux 禁止访问某个ip 编辑：程序博客网时间：2024/05/16 04:31

XMLHttpRequest对象的open方法第三个参数提供给我们了两个选择，使用同步或者使用异步来创建我们的请求。其实关于同步和异步，的概念实际上是相对的。任何传输总存在时间间隔，当然不可能做到完全同步。这里我们需要用相对的观念去理解。
举个例子：

普通B/S模式（同步），AJAX技术（异步）。
同步：提交请求->等待服务器处理->处理完毕返回。（这个期间客户端浏览器不能干任何事。）
异步: 请求通过事件触发->服务器处理（这时浏览器仍然可以作其他事情）->处理完毕。

写一个简单的示例吧：（其实为了使更容易的理解同步方式，我们可以在PHP页面也即请求的页面里使用了一个sleep()函数来延迟响应，呵呵~~~）

前台显示页：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><META NAME="Author" CONTENT="yinyiniao"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Ajax之同步请求</title><script type="text/javascript"></mce:script> </head><body> <form action="#" name="requestForm"> <input type="button" name="requestButton" value="Send Slow Synchronous Request" /></form><br /><div id="responseOutput" class="results" style="display:none;" mce_style="display:none;"> </div> </body></html>

所请求的PHP页面：

<?phpheader("Cache-Control: no-cache");header("Pragma: no-cache"); sleep(5);$ip = GetHostByName($_SERVER['REMOTE_ADDR']);echo "Hello user from $ip it is " . date("h:i:s A") . " at server.";?>

在这个示例中我们可以很容易的发现，当我们点了按钮之后按钮并不立即弹起来，而是按下去之后等待5秒钟呈现不可再点击状态之后才可以恢复点击。 ^_^