ajax通信原理

      咱们先聊聊题外话,为什么说ajax目前还是应用非常广泛的呢在以后也是一个强大的通信工具?  目前市场分为CS: 客户端,服务端通信模式,俗话就是说在Android.IOS 复杂的客户端应用,如:要是咱们在路上想玩游戏的时候,看见要更新,重新安装就会直接放弃了;  BS:浏览器,服务器通信模式(ajsx通信),就像现在咱们在手机上浏览一个网页,最大的优势是无需安装,服务器一点更新,所有客户实时更新,如:在手机上就可以打开“淘宝网触屏版”,非常方便,这样也会给商家和买家提供更好的服务和便利。所以现在对现在市场对前端的需求非常的大

    说了这么多也就是给大家说下,咱们现在学习的ajax现在在前端是不可缺的一门技术必须要掌握的,现在带大家进入正题,先给大家举个好理解的简单的例子:

追求女同学写信需要几步:

先准备信纸

写信 信内容初始化

送信

等信

看信

以下就用代码的形式给大家展示一下ajax通信原理:

   第一张图中都是xhr实例的属性,也是大家学习ajax必须要熟记于心的属性

ajax通信原理_第1张图片
ajax通信原理_第2张图片

    仔细的小伙伴们肯定会发现最底下有一个abort的属性,这个属性通常是很少用的,但是在工作也有会碰到的时候,所以再给大家啰嗦啰嗦,xhr.abort()通俗的意思以上面追求女同学为例,咱们把信发出去了,但是,由于某些原因后悔了,那咱们就不收到的来信就可以了,注意:abort这个属性必须是发送之后后悔之后的操作,要是在咱们都没有把信发出去,何来的后悔,也就是说咱们只能在请求发送之后用xhr.abort()。 ajax通信原理就给大家说道这里,后续会封装一个简单的ajax,有什么好的或者不同的见解大家都可以留言。

你可能感兴趣的:(ajax通信原理)