Ajax之旅(一)--什么是Ajax
本来在学习DRP,但是无意中发现所附资料中有一些參考书籍,当中就有一个关于Ajax的,看了看,挺好的,于是决定暂停一下DRP,再次学习一下Ajax。记得第一遍学习Ajax的时候认为真的是一团雾水,看了一遍视频,留下的预计也就仅仅剩下一团雾水了。
只是这都无所谓,用米老师的一句话说:这都非常正常。由于第一遍的“不懂”,才有了第二遍的“可能懂”。所以,这篇系列博客就这样生成了~希望也会对您有所帮助。
单说Ajax,好像非常高深的样子,并且看看百度百科的定义吧:
AJAX即“Asynchronous Javascript+ XML ”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。怎么样,懂了吗?反正我是没有太懂~可是它真的就这么深奥吗?我认为不是的,看看以下这个定义你会不会理解吧。
我认为Ajax就是一门技术,更甚至能够称之为一种技巧,用来实现网页局部更新的技巧。还是不是非常懂?再来看吧,大家应该都用过Google Map吧,当我放大或者缩小地图来找到须要查询的位置时,是不是须要刷新地图?但是假设不是用Ajax技术,我们须要刷新所有内容,这须要多大的功夫,性能上肯定是达不到最优,极easy出现--点击刷新后,会有漫长的等待,而且等待过程中页面空白的现象,这样的情况对于用户来说,是极不友好的;使用Ajax则能够让我们实现所需位置的局部更新,解决问题。
以下我就以基于Ajax技术的Google Maps应用模型为例,来说一说什么是Ajax,Ajax有什么作用。
基于Ajax技术的Google Maps应用模型主要包含上图五个层次:
1.client浏览器:就是用户使用的浏览器,我们通过浏览器来请求Webserver中的地图数据,显示我们所需的地图信息。界面例如以下:
2.Ajax引擎:它处于用户和server之间,它的任务就是实现页面无刷新的传递,消除网络交互过程中用户在得到反响之前仅仅能等待的缺陷。
3.GoogleMapsserver:在页面载入之后,显示从Google Mapsserver中获取的地图数据。
4.Webserver:接受来自于浏览器的请求,经过分析处理,返回数据给浏览器。
5.数据库:存储对应的数据信息。
怎么样,看了这五个层次,对Ajax的作用有没有更为理解了?假设还不是非常理解,没有关系,以下我再来解释一下。
上面,我已经通过Ajax在Google Maps中的应用来说明其作用,以下,我再通过一种对照来说明其特性。
传统的网页(不使用AJAX),假设须要更新内容,必须重载整个网页面。这时若请求server信息或者server返回信息较少时,和使用Ajax后的效果对照可能不是非常明显;但是假设对于像上文中举例的Google 地图,它的数据信息量是相当之大的,假设不使用Ajax,可想像其会出现什么结果。
如今的网页(使用Ajax),通过在后台与server进行少量数据交换,AJAX能够使网页实现异步更新。这意味着能够在不又一次载入整个网页的情况下,对网页的某部分进行更新。
讲到这里,我们对于Ajax是什么,有什么作用的理解应该差点儿相同了。那么Ajax究竟是怎样实现异步更新的呢?我们相约在我的下一篇博客吧~
相关文章
- rails应用ajax之三:进一步完善ajax动画特效果
- 解决spring-security session超时 Ajax 请求没有重定向的问题
- SpringMVC之数据传递三Ajax与Controller交互
- Ajax基本案例详解之$.ajax的实现
- Ajax几种常用模式
- ASP.NET利用JQuery实现AJAX(前台脚本代码)调用后台静态方法
- 第一百五十八节,封装库--JavaScript,ajax说明
- 哈哈,找到一种方式来简单模拟EXTJS中与服务器的AJAX交互啦。
- HTML5 History API让ajax能回退到上一页
- AJAX - 基本知识
- winform 实现局部更新(如ajax实现)而整个界面不产生闪烁的解决方案
- Atitit vue绑定json列表数据到表格最小简化培训版本 目录 1.1. 引入类库jq与vue1 1.2. 获取ajax数据并推送到vue的内部自定义变量1 1.3. 建立表格与vue变量
- Atitit js通讯技术 jsbridge ajax bomext Atitit jsbridge 与jsrpc 的联系与区别 JSBridge——Web与Native交互 侧重本
- Atitit webdav应用场景 提升效率 小型数据管理 目录 1.1. 显示datalist1 1.2. Ajax填充数据1 1.3. 编辑数据2 1.1.显示datalist
- 使用JQuery、Ajax来调用WebService服务
- ajax跨域请求--jsonp实例
- ajax返回整个页面
- 异步通信技术AJAX | AJAX实现省市联动、AJAX跨域问题