Ajax是指异步JavaScript和XML技术，是Asynchronous JavaScript and XML的缩写。Ajax不是一种新的编程语言，而是一种用于创建更好、更快以及交互性更强的Web应用程序的技术。通过使用Ajax和JavaScript，可以将XMLHttpRequest对象直接与服务器进行通信。通过这个对象，JavaScript可以在不重载页面的情况下与Web服务器进行数据交换。Ajax在浏览器与Web服务器之间使用异步数据传输（HTTP请求），这样就可以使网页从服务器中请求少量的信息，而不是整个页面。
在本节的内容中，将详细讲解在Android系统中为网页添加Ajax特效的基本知识。
在接下来的内容中，将通过一个具体实例来讲解在Android网页中使用Ajax技术的过程。
（1）编写一个名为android.html的HTML文件，具体代码如下。
（2）编写样式文件android.css，主要代码如下。
（3）继续编写如下HTML文件。
□about.html。
□blog.html。
□contact.html。
□consulting-clinic.html。
□index.html。
为了简单起见，上述文件的实现代码都是一样的，具体代码如下。
（4）编写JavaScript文件android.js，在此文件中使用了Ajax技术。具体实现代码如下。
(www.xing528.com)
对于上述代码的具体说明如下。
□第1～5行：使用了jQuery的document.ready函数，目的是使浏览器在加载页面完成后运行loadPage（）函数。
□剩余的行数是函数loadPage（url）部分，此函数的功能是载入地址为URL的网页，但是在载入时使用了Ajax技术特效。具体说明如下。
●第7行：为了使Ajax效果能够显示出来，在loadPage（）函数启动时，在body中增加一个正在加载的div。
●第9～13行：如果没有在调用函数的时候指定url（比如第一次在document ready函数中调用），url将会是undefined，这一行会被执行。第9行和第10行是jQuery的load（）函数样例。load（）函数在为页面增加简单快速的Ajax特效上非常出色。如果把这一行翻译出来，它的意思是“从index.html中找出所有#header中的ul元素，并把它们插入到当前页面的#container元素中”。当url参数有值的时候，执行第12行。从效果上看是：“从传给loadPage（）函数的url中得到#content元素，并把它们插入当前页面的#container元素中”。
（5）最后的修饰
为了能使设计的页面体现出Ajax效果，还需要继续设置样式文件android.css。
□为了能够显示出“加载中…”的样式，需要在文件android.css中添加如下对应的修饰代码。
□用边框图片修饰返回按钮，并清除默认的点击后高亮显示的效果。在文件android.css中添加如下的修饰代码。
在Android中执行上述文件，在加载时会显示“wait for a moment...”的提示，如图8-7所示。在滑动选择某个链接的时候，被选中的按钮会显示不同的颜色，如图8-8所示。
图8-7 提示特效
图8-8 被选择的不同颜色
而文件android.html的执行效果和其他文件相比略有不同，如图8-9所示。
图8-9文件android.html的执行效果
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
