Ajax之旅（一）--什么是Ajax

@H_301_0@ 本来在学习DRP，可是无意中发现所附资料中有一些参考书籍，其中就有一个关于Ajax的，看了看，挺好的，于是决定暂停一下DRP，再次学习一下Ajax。记得第一遍学习Ajax的时候觉得真的是一团雾水，看了一遍视频，留下的估计也就只剩下一团雾水了。

@H_301_0@ 不过这都无所谓，用米老师的一句话说：这都很正常。因为第一遍的“不懂”，才有了第二遍的“可能懂”。所以，这篇系列博客就这样生成了~希望也会对您有所帮助。

@H_301_0@

@H_301_0@ 单说Ajax，好像很高深的样子，而且看看百度百科的定义吧：

@H_301_0@ AJAX即“AsynchronousJavascript+XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。怎么样，懂了吗？反正我是没有太懂~但是它真的就这么深奥吗？我觉得不是的，看看下面这个定义你会不会理解吧。

@H_301_0@ 我觉得Ajax就是一门技术，更甚至可以称之为一种技巧，用来实现网页局部更新的技巧。还是不是很懂？再来看吧，大家应该都用过Google Map吧，当我放大或者缩小地图来找到需要查询的位置时，是不是需要刷新地图？可是如果不是用Ajax技术，我们需要刷新全部内容，这需要多大的功夫，性能上肯定是达不到最优，极容易出现--点击刷新后，会有漫长的等待，并且等待过程中页面空白的现象，这种情况对于用户来说，是极不友好的；使用Ajax则可以让我们实现所需位置的局部更新，解决这个问题。

@H_301_0@

@H_301_0@ 下面我就以基于Ajax技术的Google Maps应用模型为例，来说一说什么是Ajax，Ajax有什么作用。

@H_301_0@ 基于Ajax技术的Google Maps应用模型主要包括上图五个层次：

@H_301_0@ 1.客户端浏览器：就是用户使用的浏览器，我们通过浏览器来请求Web服务器中的地图数据，显示我们所需的地图信息。界面如下：

@H_301_0@ 2.Ajax引擎：它处于用户和服务器之间，它的任务就是实现页面无刷新的传递，消除网络交互过程中用户在得到反响之前只能等待的缺陷。

@H_301_0@ 3.GoogleMaps服务器：在页面加载之后，显示从Google Maps服务器中获取的地图数据。

@H_301_0@ 4.Web服务器：接受来自于浏览器的请求，经过分析处理，返回数据给浏览器。

@H_301_0@ 5.数据库：存储相应的数据信息。

@H_301_0@

@H_301_0@ 怎么样，看了这五个层次，对Ajax的作用有没有更为理解了？如果还不是很理解，没有关系，下面我再来解释一下。

@H_301_0@ 上面，我已经通过Ajax在Google Maps中的应用来说明其作用，下面，我再通过一种对比来说明其特性。

@H_301_0@ 传统的网页（不使用AJAX），如果需要更新内容，必须重载整个网页面。这时若请求服务器信息或者服务器返回信息较少时，和使用Ajax后的效果对比可能不是很明显；可是如果对于像上文中举例的Google 地图，它的数据信息量是相当之大的，如果不使用Ajax，可想像其会出现什么结果。

@H_301_0@ 现在的网页（使用Ajax），通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

@H_301_0@ 说到这里，我们对于Ajax是什么，有什么作用的理解应该差不多了。那么Ajax到底是如何实现异步更新的呢？我们相约在我的下一篇博客吧~

Ajax之旅（一）--什么是Ajax

猜你在找的Ajax相关文章