标签:
Ajax,国内翻译为"阿贾克斯",一开始听到这个名字的时候就给我一种高大上的感觉,确实,现在只要是比较大型的网站,都用到了Ajax,对于一个前端开发者而言,不会使用Ajax,基本上就失去了很多优势,因为只要是大型的公司,基本都是要前后端进行交互,Ajax扮演了一个相当于月老的作用,将前端后台进行完美结合,所以,掌握Ajax,对于一个前端开发者而言是必不可少的。当然那些立志于只做网页重构的,只在公司负责将UI的图还原出来的人,可以忽视此篇文章。
Ajax,比较官方的说法是:"通过在浏览器和服务器之间添加Ajax中间层,允许浏览器异步发送请求,同时允许动态加载服务器响应。用户的请求不再直接向服务器提交,而是使用XMLHttpRequest异步地向服务器发送,从而避免丢弃当前页面"。大神们一开始看不看得懂这话我不清楚,反正对于像我这种天生愚钝的人而言,这段话让我对Ajax变得似乎可望而不可及,之后观看了相关的视频以及书籍学习,用四条地铁线来表述一个完整的Ajax构造流程,这种方式让我在每次运用Ajax时,思路都很明确,无论是做省级联动,还是分页等效果。下面就来进行详细介绍。
一:一个生动的例子来诠释整个流程
在我看来,Ajax的整个流程可以相当于团队每周三进行的例会,例会当然也就需要一个人来主持大局,这个时候他突然因为废寝忘食,肚子实在是饿的不行了,如果这个时候他不去海轩小卖铺买面包这个会就开不下去,如果这个时候他狠心抛下大众,果断先填饱肚子先,因为没有主持人,这个会就处于一片空白,这个就类似于传统的的web应用,当其向服务器发送请求时,整个页面处于空白的状态,但是如果他这个时候选择另外一种方式,他如果叫在场的一个人去帮他买,他继续开会,那么这个时候整个会还是可以继续开,类似于使用了Ajax后,整个页面不会处于空白的状态,用户可以继续浏览,它不会让用户处于等待的状态,那么他叫的这个去买面包的人就是一个我们new出来的XMLHttpRequest对象,他执行了其工作,那么海轩小卖铺就相当于服务器,他向其发出请求,就是买面包,用到了send()函数,那么小卖铺给他的东西就是服务器返回出来的数据,其中可以分为三种类型,即数据格式文本,xml和json,那么买完之后中怎样处理这个面包,是要选择直接给他还是说等会开完了再给他,对于这个面包的处理方法就是第四步,就是反馈的函数。大致的流程图可以见下面这张图。基本上记住了这张图接下类在使用Ajax时候思路都是比较明确的。
标签:
原文地址:http://www.cnblogs.com/jtxn/p/4995317.html