首页 > Web开发 > 详细

Ajax入门(四)

时间:2017-01-17 00:16:52      阅读:267      评论:0      收藏:0      [点我收藏+]

异步同步请求

 

ajax对象.open(方式,url,boolean);

 

异步请求(默认=>false):某一个时间点允许执行多个进程

技术分享

有多条路线,可以有多人走不同的路线 

 

如:

下面的例子从不同路径加载了网页的全部内容

技术分享

 

 

 

同步请求(true):某一个时间点只允许执行一个进程    

技术分享

按照一条固定的路线,只能一个个走

 

如:

下面的例子通过一条路径先加载了弹出框,然后再加载图片

技术分享技术分享

 

源码部分:

技术分享
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 5     <title>同步异步请求</title>
 6 </head>
 7 <script type="text/javascript">
 8     
 9     //创建ajax对象
10     var ajx = new XMLHttpRequest();
11 
12     //获得响应的内容
13     ajx.onreadystatechange = function(){
14         if(ajx.readyState == 4){
15             alert(ajx.responseText);
16         }
17     }
18     //创建新的http请求
19     // ajx.open("get","./08.php",true);    //异步请求
20     ajx.open("get","./08.php",false);    //同步请求
21 
22 
23     //发送新的请求
24     ajx.send(null);
25 
26 
27 </script>
28 <body>    
29     <img src="./y.jpg" width="200" height="200">
30 </body>
31 
32 </html>
View Code

 

Ajax入门(四)

原文:http://www.cnblogs.com/3-tu/p/6291293.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!