AJAX初识小结



1:什么是AJAX

         AJAX = Asynchronous JavaScript and XML(异步的JavaScript XML

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

       A: 使用CSSXHTML来表示

       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其实就相当于直接与数据库建立了通信通道,可能会暴露一些客户端端口等信息。

                    

        

        

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。