美文网首页
ajax通信原理

ajax通信原理

作者: 哈哈腾飞 | 来源:发表于2017-05-09 21:44 被阅读0次

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

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

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

先准备信纸

写信 信内容初始化

送信

等信

看信

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

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

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

相关文章

  • ajax

    ajax技术的原理是实例化; 使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行,从而...

  • ajax通信原理

    咱们先聊聊题外话,为什么说ajax目前还是应用非常广泛的呢在以后也是一个强大的通信工具? 目前市场分为CS...

  • WEB开发之Ajax原生JavaScript请求github真实

    一、Ajax是什么及优点 二、服务器与客户端通过Ajax通信的原理 三、Ajax的基础——XMLHttpReque...

  • juquery之ajax与jsonp

    ajax 技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例...

  • ajax 和jsonp 正则

    ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化...

  • ajax与jsonp

    ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化...

  • ajax与jsonp

    ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化...

  • ajax与jsonp

    ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化...

  • jquery ajax

    ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化...

  • AJAX

    1.前后端通信原理:服务器和客户端的数据交换 2.什么是AJAX?1)AJAX = 异步JavaScript + ...

网友评论

      本文标题:ajax通信原理

      本文链接:https://www.haomeiwen.com/subject/comitxtx.html