发布于 2015-06-09 12:10:46 | 118 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程，程序狗速度看过来！

Ajax

AJAX即“Asynchronous Javascript + XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

---

       AJAX = Asynchronous JavaScript and XML（异步的JavaScript 和 XML）

       AJAX即“Asynchronous Javascript + XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

       简单来说AJAX就是通过异步的方式来实现不刷新整个web页面的情况下，能更新部分网页内容的技术。AJAX正如其名并不是什么新型的技术，而是几种原有技术的结合体。它由下列技术结合而成：

       A: 使用CSS和XHTML来表示

       B：使用DOM(Document Object Model)模型来交互和动态显示

       C：使用XMLHttpRequest来和服务器进行异步通信。

       D: 使用JavaScript来绑定和调用。

       其中只有XMLHttpRequest对象相对来说是新引进的技术，而XMLHttpRequest也正是AJAX的核心机制。

2：原理图

                   AJAX基本的原理流程为：由事件触发，创建一个XMLHttpRequest对象，把HTTP方法（Get/Post）和目标URL以及请求返回后的回调函数设置到XMLHttpRequest对象，通过XMLHttpRequest向服务器发送请求，请求发送后继续响应用户的界面交互，只有等到请求真正从服务器返回的时候才调用callback()函数，对响应数据进行处理。

3：简单例子及代码结构

         下面是一个简单的例子。实现在整个浏览页面中用户点击Page1~4时，相应的链接文字将会相适合在页面中。

        

4：优缺点

         优点：1：异步方式实现页面的部分刷新和通信

                      2：分担一些服务器的工作，减轻服务器带宽负担，减少冗余请求。

         缺点：1: 因为局部通信和刷新的实现，对于整个页面的后退或者返回按钮对于AJAX事件是无效的。

                      2：存在一些安全问题，AJAX其实就相当于直接与数据库建立了通信通道，可能会暴露一些客户端端口等信息。