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
转载于:https://www.cnblogs.com/wangweiabcd/p/3885989.html
Web请求中同步与异步的区别相关推荐
- JS中同步和异步的区别
JS中同步和异步的区别 js是一门单线程语言,所谓"单线程",就是指一次只能完成一件任务.如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推.如果一个任务耗 ...
- Jquery中进行post请求时同步与异步的区别(从实例入手学习)
场景 表单中有两个输入框input在提交这个表单前需要对两个输入框进行校验. 即点击提交按钮时会经过校验的方法,此方法会post方式提交到后台,在请求后台成功后的回调方法中会对js变量进行赋值,进而决 ...
- java异步日志跟同步区别_AJAX中同步和异步的区别和使用场景
AJAX中根据async的值不同分为同步(async = false)和异步(async = true)两种执行方式:在W3C的教程中推荐使用异步执行: 下面来区别一下同步和异步有什么不同: 异步:在 ...
- 线程中的同步和异步的区别
线程中的同步和异步的区别 一.同步 所谓同步,就是发出一个功能调用时,在没有得到结果之前,该调用就不返回或继续执行后续操作.是多个线程同时访问同一资源,等待资源访问结束,浪费时间,效率不 ...
- 简述同步和异步的区别
简述同步和异步的区别 同步: 同步的思想是:所有的操作都做完,才返回给用户.这样用户在线等待的时间太长,给用户一种卡死了的感觉(就是系统迁移中,点击了迁移,界面就不动了,但是程序还在执行,卡死了的感觉 ...
- Java中同步和异步的区别是什么?优点缺点以及概念理解
同步:提交请求--->等待服务器处理--->服务器处理完毕返回的这个期间客户端浏览器不能干别的事 异步:请求通过事件触发--->服务器处理(这时客户端浏览器还可以做其他的事情)--- ...
- js同步和异步的区别
js同步和异步的区别 同步任务 异步任务 同步和异步运行机制 首先,不同于其他后端语言,javascript语言是单线程机制.所谓单线程就是按次序执行,执行完一个任务再执行下一个.对于浏览器来说,也就 ...
- android同步异步的区别是什么,同步和异步的区别.md
#同步和异步的区别 3.1 何为同步和异步 Android Telephony相关应用中,Telephony大量使用了Handler.Broadcast等通信方式,而在Android操作系统平台中的H ...
- 同步和异步的区别及优缺点
学习编程,同步异步是必须要理解学习的知识点,接下来让我们一起通过举例来理解同步和异步的区别,以及同步和异步的优缺点吧 同步和异步的区别 程序里面的同步和异步和我们现实生活理解不太一样,一般我们对同步的 ...
最新文章
- DbExpressionBinding requires an input expression with a collection ResultType. 参数名: input
- 学习运维工程师是正确的选择,发展与前景都是和好的
- 社工库网址与制作方法
- 54include对象
- 不采取任何措施 盒盖_得了癌症如果不化疗能活多久?医生的答案很实在
- 【jQuery笔记Part1】01-jQuery简介集成
- ubuntu下启动、停止、重启apache2
- DirectX Audio和DirectShow入门
- 网页编码utf8 gb2312 gbk的区别
- 7种提高工作效率的Vim操作
- java对接金蝶webapi
- 初识app之产品需求分析文档设计
- javaSwing的JTextField自动补全
- 不同比例,不同尺寸的笔记本屏幕对比
- 图形渲染——实时光线追踪RTRT(Games202)
- 学生专用计算机怎样开启关机,win7电脑怎么用命令设置自动关机
- 十年Java经验让我总结出了这些,什么是真正的架构设计?
- COOK100推荐:在家做新奥尔良烤翅的做法
- Python数据结构02-顺序表、链表
- 嵌入式audio基础(八)主动降噪
热门文章
- Linux环境安装zookeeper3.5.5后,总是启动不了
- 在laravel5.8中集成swoole组件----用协程实现的服务端和客户端(nginx配置篇章)
- html5 拖拽上传文件时,屏蔽浏览器默认打开文件
- 使用DOM4J解析XML时非法字符Exception
- React Native 一些事
- ※交换排序(1)——快速排序(quick sort)
- VS或编译的时候不生成Release文件夹
- 知识管理系统Data Solution研发日记之十二 网页数据抓取Fetch,呈现Render,导出Export...
- flutter网络权限申请
- 线程打印状态_Java线程状态的转换