普通B/S架构模式同步请求与AJAX异步请求区别（个人理解）

在上次面试的时候有被问到过AJAX同步与异步之间的概念问题，之前没有涉及到异步与同步的知识，所以特意脑补了一下，不是很全面...

同步请求流程：提交请求（POST/GET表单相似的提交操作）---服务器对请求进行处理（期间客户端浏览器不能进行其他任何操作）----处理完毕返回数据

异步请求流程：通过事件触发请求（移除/点击事件）---服务器对请求进行处理（期间客户端浏览器可以做发送其他请求，不需要管其他请求是否有处理）---处理完毕返回数据

同步就是你叫我去吃饭，我听到了就和你去吃饭；如果没有听到，你就不停的叫，直到我告诉你听到了，才一起去吃饭。 ----一次请求之后必须要得到响应后才能发送第二次请求。

异步就是你叫我，然后自己去吃饭，我得到消息后可能立即走，也可能等到下班才去吃饭。 --- 先发送请求，不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。

当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。

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

时间： 2025-01-01 21:10:34

普通B/S架构模式同步请求与AJAX异步请求区别（个人理解）的相关文章

ajax异步请求模式

什么是异步请求我们知道,在同步请求模型中,浏览器是直接向服务器发送请求,并直接接收.处理服务器响应的数据的.这就导致了浏览器发送完一个请求后,就只能干等着服务器那边处理请求,响应请求,在这期间其它事情都做不了.这就像是你到了一个新城市去找房子住,你可以自己去找,在网站上或者是街头小广告上去了解房源信息,找合适自己的那一个,然后去跟房东谈价钱.在这期间你的精力和时间大部分都用到了找房子上,你可能没时间再去找工作或者做其他的事情了.还有一种方式是你找一个租房中介,找你一个代理人,把你的需求告诉他让

311 同步异步概述，Ajax 异步请求

09.Ajax异步请求.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> // 1.创建ajax对象 var xh

原生ajax异步请求基础知识

一.同步交互与异步交互的概念: * 同步交互:客户端向服务器端发送请求,到服务器端进行响应,这个过程中,用户不能做任何其他事情(只能等待响应完才能继续其他请求). * 异步交互:客户端向服务器端发送请求,直到服务器端进行响应,这个过程中,用户可以做其他任何事情(不等): 同步与异步的区别: * 同步交互 1.执行速度相对比较慢 2.响应的是完整的HTML页面 * 异步交互 1. 执行速度相对比较快 2. 响应的是部分数据二.AJAX的概念:(Asynchronous JavaScript an

黑马eesy_15 Vue：03.生命周期与ajax异步请求&&04.vue案例

黑马eesy_15 Vue:02.常用语法 vue的生命周期与ajax异步请求 1.Vue的快速入门2.Vue的语法插值表达式事件的绑定数据的显示逻辑判断和循环输出3.Vue的生命周期 8个生命周期的执行点 4个基本的 4个特殊的4.axios的ajax异步请求它和jquery的ajax比较相似 5.综合案例实现用户的查询列表和更新操作前端:Vue 后端:ssm 3.VueJS生命周期每个 Vue 实例在被创建之前都要经过一系列的初始化过程. v

ajax 异步请求四个步骤

ajax异步请求详解 ajxa定义:异步的JavaScript和xml 1.XMLHttpRequst的出现才有了异步处理 2.创建XmlHttpRequest对象 var request=new XMLHttpRequest(); 注意:如果要兼容IE6以下浏览器则需要编写如下代码 var request; if(window.XMLRequest){ request=new XMLRequestHttpRequest(); //IE7.IE8.360等 }else{ request=new

如何使用angularjs实现ajax异步请求

Sample.html <!DOCTYPE html> <html ng-app="myApp"> <head> <title>form</title> <script type="text/javascript" src="js/angular.min.js"></script> </head> <body> <form name=

MVC的Ajax异步请求

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 @using (Ajax.BeginForm("GetTime","order",new AjaxOptions() { Confirm="你确认这么做吗?", HttpMethod="post", OnSuccess

MVC&WebFomr对照学习：ajax异步请求

写在前面:由于工作需要,本人刚接触asp.net mvc,虽然webform的项目干过几个.但是也不是很精通.抛开asp.net webform和asp.net mvc的各自优劣和诸多差异先不说.我认为虽然mvc和webform有诸多不同,但是也只是为了达到相同的目的而在各自的机制下采取了不同的手段而已.更何况它们都是基于asp.net框架的.因此在解决mvc开发过程中的问题时,我很容易联想到在webform下同样的问题是如何解决的.以此来作为对照.我姑且把这种方法叫做迁移学习法吧.我以"小孩之

ajax 异步请求