ajax介绍



1.传统的web应用
 传统的web应用允许用户填写表单(form)，
 当提交表单时就向Web服务器发送一个请求。
 服务器接收并处理传来的表单，然后返回一
 个新的网页。这个做法浪费了许多带宽，
 因为在前后两个页面中的大部分HTML代码
 往往是相同的。
 由于每次应用的交互都需要向服务器发送
 请求，应用的响应时间就依赖于服务器的
 响应时间。这导致了用户界面的响应比本
 地应用慢得多。如果严重超过响应时间，
 服务器干脆告诉用户页面不可用。
 如果只是想改变页面一小部分的数据，那
 么如何不必重新加载整个责面，减少用户等待的时间是急需解决的问题。
 要解决这样的问题，除了更优秀的程序设计、编码优化和调整服务器之外，还可以采用Ajax技术。

2.改变传统web应用的ajax
 AJAX = Asynchronous JavaScript and XML
 （异步的 JavaScript 和 XML）。
 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。
 AJXA不是一门新的技术,而是把一些老的技术结合起来有了新的用法.
 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。
 AJAX = 异步 JavaScript 和 XML。
 AJAX 是一种用于创建快速动态网页的技术。
 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
 传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。
 有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等
 

 注意:理解 同步 和 异步

3.ajax的特点
 ajax的特点总结起来八个字: 异步交互 局部刷新
 3.1 理解异步交互
 3.2 理解局部刷新

4.Ajax的四种关键元素/技术
 1)JavaScript JavaScript是通用的脚本语言,用来嵌入在某种应用之中.web浏览器中嵌入的JavaScript解释器允许通过浏览器的很多内建功能进行交互.Ajax应用程序是使用JavaScrpit编写的
 2)CSS(Cascading Stytle Sheets，层叠式样式表) CSS为Web页面元素提供了一种可重用的可视化样式的定义方法.他提供了简单而又强大的方法,以一致的方式定义和使用可视化样式.在Ajax应用中,用户界面的样式可以通过CSS独立修改.
 3)DOM(文档对象模型):Dom以一组可以使用JavaScrpit操作的可编程对象展现出web页面的结构,通过使用脚本修改Dom,Ajax应用程序可以在运行时改变用户界面,或者高效的重绘页面中的某个部分
 4)XMLHttpRequest对象:XMLHttpRequest对象允
 许Web程序员从web服务器以后台活动的方式获
 取数据.数据格式通常是XML,但是也可以很好的支持任何基于文本的数据格式.尽管XMLHttpRequest对于完成这件工作来说是最为灵活和通用的工具,但还有其它方法也可以从服务器获取数据.
 其中CSS,DOM,JavaScrpit都不是新面孔,以前结合在一起称为动态HTML,或者简单DHTML