Ajax之异步请求

最新推荐文章于 2025-08-17 06:11:49 发布

虫子68

最新推荐文章于 2025-08-17 06:11:49 发布

阅读量555

点赞数

CC 4.0 BY-SA版权

分类专栏： Ajax 文章标签： ajax function xmlhttprequest asynchronous xhtml html

本文链接：https://blog.youkuaiyun.com/yinyiniao/article/details/5452728

Ajax 专栏收录该内容

4 篇文章

订阅专栏

这次使用异步请求后，体验效果就不同于前边的同步请求效果了~~

还是先上示例吧：

发出请求页：

<!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> <mce:script type="text/javascript"></mce:script> </head> <body> <form action="#" name="requestForm"> <input type="button" name="requestButton" value="Send an Asynchronous 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"); ?>

这次使用异步请求之后我们会发现，当点了按钮之后，按钮被弹起来了，貌似页面上也没什么特别的反映，但是，但是，等待5秒钟之后我们发现，页面上的div显示出来了，请求的结果有了！Ok，到这里同步和异步给我们的体验感觉出来了吧~~ @^_^@ --yinyiniao