Ajax之同步请求

最新推荐文章于 2022-07-03 23:09:52 发布

虫子68

最新推荐文章于 2022-07-03 23:09:52 发布

阅读量4k

点赞数

分类专栏： Ajax 文章标签： ajax xmlhttprequest function xhtml 浏览器服务器

本文链接：https://blog.csdn.net/yinyiniao/article/details/5452343

版权

Ajax 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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页面：

<?php header("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秒钟呈现不可再点击状态之后才可以恢复点击。 ^_^

虫子68

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax之同步请求

XMLHttpRequest对象的open方法第三个参数提供给我们了两个选择，使用同步或者使用异步来创建我们的请求。其实关于同步和异步，的概念实际上是相对的。任何传输总存在时间间隔，当然不可能做到完全同步。这里我们需要用相对的观念去理解。举个例子：普通B/S模式（同步），AJAX技术（异步）。同步：提交请求->等待服务器处理->处理完毕返回。（这个期间客户端浏览器不能干任何事。）异步: 请求通
复制链接

扫一扫

专栏目录