AJAX初识小结

前端之家收集整理的这篇文章主要介绍了AJAX初识小结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。


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

猜你在找的Ajax相关文章