1:什么是AJAX
AJAX = Asynchronous JavaScript and XML(异步的JavaScript 和 XML)
简单来说AJAX就是通过异步的方式来实现不刷新整个web页面的情况下,能更新部分网页内容的技术。正如其名并不是什么新型的技术,而是几种原有技术的结合体。它由下列技术结合而成:
A: 使用CSSXHTML来表示
B:使用DOM(Document Object Model)模型来交互和动态显示
CXMLHttpRequest来和服务器进行异步通信。
D: JavaScript来绑定和调用。
其中只有对象相对来说是新引进的技术,而也正是的核心机制。
2:原理图
AJAX基本的原理流程为:由事件触发,创建一个对象,把HTTP方法(Get/Post)和目标URL以及请求返回后的回调函数设置到对象,通过向服务器发送请求,请求发送后继续响应用户的界面交互,只有等到请求真正从服务器返回的时候才调用callback()函数,对响应数据进行处理。
3:简单例子及代码结构
下面是一个简单的例子。实现在整个浏览页面中用户点击Page1~4时,相应的链接文字将会相适合在页面中。
4:优缺点
优点:1:异步方式实现页面的部分刷新和通信
2:分担一些服务器的工作,减轻服务器带宽负担,减少冗余请求。
缺点:1: 因为局部通信和刷新的实现,对于整个页面的后退或者返回按钮对于AJAX事件是无效的。
2:存在一些安全问题,AJAX其实就相当于直接与数据库建立了通信通道,可能会暴露一些客户端端口等信息。