码迷,mamicode.com
首页 > Web开发 > 详细

AJAX初识小结

时间:2015-04-03 13:33:52      阅读:186      评论:0      收藏:0      [点我收藏+]

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

                    

        

        

AJAX初识小结

标签:ajax   通信   异步   

原文地址:http://blog.csdn.net/linxi1209163com/article/details/44853113

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!