Web请求中同步与异步的区别

普通的B/S模式就是同步,而AJAX技术就是异步,当然XMLHttpReques有同步的选项。

同步:提交请求->等待服务器处理->处理完毕返回。这个期间客户端浏览器不能干任何事。

异步: 请求通过事件触发->服务器处理(这是浏览器仍然可以作其他事情)->处理完毕。

举个生动的例子吧:

同步就是你叫我去吃饭,我听到了就和你去吃饭;如果没有听到,你就不停的叫,直到我告诉你听到了,才一起去吃饭。

异步就是你叫我,然后自己去吃饭,我得到消息后可能立即走,也可能等到下班才去吃饭。

所以,要我请你吃饭就用同步的方法,要请我吃饭就用异步的方法,这样你可以省钱。

再举个例子,打电话时同步,发短信是异步。

ajax的open()方法

用法:open(http-method,url,async,userID,password)

后面是帐号和密码,在禁止匿名访问的http页面中,需要用户名和口令。

ajax.open方法中,第3个参数是设同步或者异步。prototype等js类库一般都默认为异步,即设为true。 先说下同步的情况下,js会等待请求返回,获取status。不需要onreadystatechange事件处理函数。 而异步则需要onreadystatechange事件处理,且值为4再正确处理下面的内容。

首先看看异步处理方式。

其中async是一个布尔值。如果是异步通信方式(true),客户机就不等待服务器的响应;如果是同步方式(false),客户机就要等到服务器返回消息后才去执行其他操作。我们需要根据实际需要来指定同步方式,在某些页面中,可能会发出多个请求,甚至是有组织有计划有队形大规模的高强度的request,而后一个是会覆盖前一个的,这个时候当然要指定同步方式:Flase。

请求方式

GET

最为常见的HTTP请求,普通上网浏览页面就是GET。GET方式的参数请求直接跟在URL后,以问号开始。(JS中用window.location.search获得)。参数可以用encodeURIComponent进行编码,使用方式:

1 var EnParam = encodeURIComponent(param);
  • URL只支持大约2K的长度,即2048字符数;
  • 使用GET进行AJAX请求时候会缓存导致出现的页面不是正确的,一般方法加random参数值;
  • ajax.send(null)。

POST

向服务器提交数据用到。

  • 需要将form表单中的值先取出转换成字符串,用&符号连接,(同GET传参数一样);
  • 提交数据量2GB;
  • 使用ajax.setRequestHeader(‘Content-Type‘, ‘application/x-www-form-urlencoded‘),处理提交的字符串;
  • ajax.send(strings),这个strings表示form中需要提交的内容,例如a=1&b=2类似这样的字符串。

程序示例

同步传输模式:

 1 function RequestByGet(nProducttemp,nCountrytemp)
 2 {
 3     var xmlhttp
 4     if (window.XMLHttpRequest)
 5     {
 6          //isIE   =   false;
 7          xmlhttp   =   new   XMLHttpRequest();
 8     }
 9     else if (window.ActiveXObject)
10     {
11          //isIE   =   true;
12          xmlhttp   =   new   ActiveXObject("Microsoft.XMLHTTP");
13     }
14
15     //Web page location.
16     var URL="http://www.baidu.com/;
17     xmlhttp.open("GET",URL, false);
18     //xmlhttp.SetRequestHeader("Content-Type","text/html; charset=Shift_JIS")
19     xmlhttp.send(null);
20     var result = xmlhttp.status;
21
22     //OK
23     if(result==200)
24     {
25         document.getElementById("div_RightBarBody").innerHTML=xmlhttp.responseText;
26     }
27     xmlhttp = null;
28 }

异步传输模式:

 1 var xmlhttp
 2 function RequestByGet(nProducttemp,nCountrytemp)
 3 {
 4     if (window.XMLHttpRequest)
 5     {
 6          //isIE   =   false;
 7          xmlhttp   =   new   XMLHttpRequest();
 8     }
 9     else if (window.ActiveXObject)
10     {
11          //isIE   =   true;
12          xmlhttp   =   new   ActiveXObject("Microsoft.XMLHTTP");
13     }
14
15     //Web page location.
16     var URL="http://www.baidu.com/";
17     xmlhttp.open("GET",URL, true);
18     xmlhttp.onreadystatechange = handleResponse;
19     //xmlhttp.SetRequestHeader("Content-Type","text/html; charset=UTF-8")
20     xmlhttp.send(null);
21 }
22 function handleResponse()
23 {
24     if(xmlhttp.readyState == 4 && xmlhttp.status==200)
25     {
26         document.getElementById("div_RightBarBody").innerHTML=xmlhttp.responseText;
27         xmlhttp = null;
28     }
29 }

原文链接:http://www.nowamagic.net/program/program_SynchronousAndAsynchronous.php

Web请求中同步与异步的区别,布布扣,bubuko.com

时间: 2024-10-26 09:02:37

Web请求中同步与异步的区别的相关文章

AJAX中同步和异步的区别和使用场景

在Jquery中ajax方法中async用于控制同步和异步,当async值为true时是异步请求,当async值为fase时是同步请求.ajax中async这个属性,用于控制请求数据的方式,默认是true,即默认以异步的方式请求数据. jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到AJAX同步.这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现假死状态,当这个AJAX执行完毕后才

ajax同步与异步的区别

jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到AJAX同步.这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除.而异步则这个AJAX代码运行中的时候其他代码一样可以运行. ajax中async这个属性,用于控制请求数据的方式,默认是true,即默认以异步的方式请求数据. 一.async值为true (异步) 当

Ajax 是什么?Ajax 的交互模型?同步和异步的区别?如何解决跨域问题

Ajax 是什么: 1. 通过异步模式,提升了用户体验 2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用 3. Ajax 在客户端运行,承担了一部分本来由服务器承担的工作,减少了大用户量下的服务器负载. Ajax 的最大的特点: 1. Ajax可以实现动态不刷新(局部刷新) 2. readyState 属性 状态 有5个可取值: 0 = 未初始化,1 = 启动, 2 = 发送,3 = 接收,4 = 完成 Ajax 同步和异步的区别: 1. 同步:提交请求 -> 等待服务

同步和异步的区别(转)

答案一:1.异步传输 通常,异步传输是以字符为传输单位,每个字符都要附加 1 位起始位和 1 位停止位,以标记一个字符的开始和结束,并以此实现数据传输同步.所谓异步传输是指字符与字符(一个字符结束到下一个字符开始)之间的时间间隔是可变的,并不需要严格地限制它们的时间关系.起始位对应于二进制值 0,以低电平表示,占用 1 位宽度.停止位对应于二进制值 1,以高电平表示,占用 1~2 位宽度.一个字符占用 5~8位,具体取决于数据所采用的字符集.例如,电报码字符为 5 位.ASCII码字符为 7 位

web开发中../、./、/的区别

原文:web开发中../.././的区别 最近在业余时间慢慢玩起了网站开发,觉得挺有意思的.在开发过程中,老是分不清 ../.././三者之间的区别,也老是弄混,最后仔细搜索研究了一下,现在终于懂了. ../:上一级目录的意思. ./ :当前目录的意思. /:网站根目录的意思. 例子1 如上图所示,我有一个项目叫WebTest,而此时看到的文件夹Image(里面有1张图片).Test1都是在网站根目录下.而在Test1文件夹下有个Index.html页面,在index页面中有一个img元素, 可

javascript同步和异步的区别与实现方式

题外话: “我最不喜欢的编程语言”排行榜第一名除了javascript别无他选 可惜的是在mobi项目的三个月除了javascript和SP就没写过其他什么.. 所以,迎难而上,该解决的一定要解决了 ------------------------------------------------------------------------------------------------------------------- javascript语言是单线程机制.所谓单线程就是按次序执行,执行

C语言中同步和异步的理解

现在我在main.c这个文件中,调用360浏览器. 分析过程:在my.exe里面继续打开另外一个程序,所以就涉及到:my.exe的继续执行是否要等把另外的那个程序执行完才执行呢?如果要等,就是同步:如果不用等,就是异步.这就是同步和异步的问题. 现在是要等的情况: 结果就是要等到浏览器完全打开完才会去打印nihao . 如果这样看,就会更加的清晰: 结果是: 一个一个的打开,最后才是打印nihao 如果要异步方式: 结果是: 三个浏览器几乎同时打开,同时"nihao"还会先打印出来.

同步与异步的区别

同步和异步的概念,同步是发送方发送消息后,需要等到接收方的回应,才会继续执行下去:而异步则是发送方在发送消息后,就会继续执行,而不管接收方是否回复消息. 当多线程访问资源时,需要保证在某个时刻只能被一个线程访问,这时需要使用同步,也就是对数据进行同步,其他线程必须等待,比如银行的转账系统,对数据库的保存操作等等,都是同步 为了避免短时间大量的数据库操作,就使用缓存机制,也就是消息队列.先将数据放入消息队列,然后再慢慢写入数据库.引入消息队列机制,虽然可以保证用户请求的快速响应,但是并没有使得我数

Django用户认证系统(二)Web请求中的认证

在每个Web请求中都提供一个 request.user 属性来表示当前用户.如果当前用户未登录,则该属性为AnonymousUser的一个实例,反之,则是一个User实例. 你可以通过is_authenticated()来区分,例如: if request.user.is_authenticated(): # Do something for authenticated users. else: # Do something for anonymous users. 登陆login login(