Ajax 的概念:
Ajax提出者Jesse James Garrett在《Ajax:一个Web应用的新途径》中提到Ajax为“Asynchronous JavaScript + XML”的简称,也就是异步的JavaScript和XML处理。
其中包含:
用XHTML和CSS进行基于标准的表示方式:
采用DOM(document object model)动态显示和交互操作;
采用XML和XSLT进行数据交换和操作;
采用XMLHttpRequest进行异步数据获取;
采用JavaScript绑定上述技术应用;
XMLHttpRequest 对象:
XMLHttpRequest是一个JavaScript对象
<script language="javascript" type="text/javascript">
var xmlHttp = new XMLHttpRequest();
</script>
Ajax 方法:(xmlhttprequest)
(1)Ajax 原理 通过函数
(2) ajax 框架 Ajax magicajax
(3) Atlas(4)Ajax.net
Ajax 优点:
(1) 无刷新
(2) 按需取数据
(3) 减轻服务器端代码
缺点:
1 代码比较乱
Ajax 的工作原理:
Ajax主要是通过JavaScript对象中的XmlHttpRequest向服务器提出请求,
并根据处理的结果更新页面。
这样的更新不会使整个页面全部更新,而是根据用户的需要对某个区域进行局部更新,
而且在更新的同时不影响其它区域的浏览。
例如:搜狐个人博客中每个栏目后面的刷新按钮
Ajax与传统Web应用有什么不同?
Ajax与传统Web应用最大的不同就是Ajax可以对页面某一个区域进行局部加载,
而不是像传统Web中每次页面请求后的都必须重新加载整个页面,
特别在页面负载比较大的情况下,页面加载时间就比较长,用户多数时间就处在等待状态,而呈现给用户的仅仅是一片空白,而在Ajax的应用中就可以很好的避免这类事情的发生。
Ajax 应用程序所用到的基本技术:
- HTML 用于建立 Web 表单并确定应用程序其他部分使用的字段。
- JavaScript 代码是运行 Ajax 应用程序的核心代码,帮助改进与服务器应用程序的通信。
- DHTML 或 Dynamic HTML,用于动态更新表单。我们将使用 div、span 和其他动态 HTML 元素来标记 HTML。
- 文档对象模型 DOM 用于(通过 JavaScript 代码)处理 HTML 结构和(某些情况下)服务器返回的 XML。