专业课件 1 AJAX技术介绍 刘小飞 2012-6-18 专业课件 2 提纲 ?AJAX概述 ?AJAX的思维方式 ?AJAX参考书籍 ?AJAX的技术核心 ?AJAX应用实例 ?AJAX的优缺点 ?AJAX开发工具 专业课件 3 AJAX概述Jesse James Garrett 2005年的2月 《Ajax: A New Approach to Web Applications XML》 A J A X synchronous avaScript nd ML 专业课件 4 AJAX概述 1使用XHTML和CSS的基于标准的表示技术 2使用DOM进行动态显示和交互 3使用XML和XSLT进行数据交换和处理 4使用XMLHttpRequest进行异步数据检索 5使用Javascript将以上技术融合在一起 专业课件 5 AJAX概述 专业课件 6 AJAX概述AJAX:Asynchronous JavaScript And XML, 异步JavaScript与XML。是一种在网络应用 中实现异步通讯和数据交换的技术。 专业课件 7 AJAX概述AJAX能干什么? 1.无刷新更新页面 2.按需获取数据,减轻服务器的负担 3.可以实现富客户端 4.进一步实现页面和逻辑分开 5.使用户获得连续、动态的体验 专业课件 8 AJAX概述 1改善表单验证方式,不再需要打开新页面,也不再需要将 整个页面数据提交2不需刷新页面就可改变页面内容,减少用户等待时间 。 3按需获取数据,每次只从服务器端获取需要的数据 。 4读取外部数据,进行数据处理整合 。 5异步与服务器进行交互,在交互过程中用户无需等待,仍 可继续操作专业课件 9 AJAX概述 专业课件 10 AJAX概述 专业课件 11 AJAX概述 专业课件 12 提纲 ?AJAX概述 ?AJAX的思维方式 ?AJAX参考书籍 ?AJAX的技术核心 ?AJAX应用实例 ?AJAX的优缺点 ?AJAX开发工具 专业课件 13 AJAX思维方式:我们就通过用户名校验这个简单的例子来看看传 统Web应用和AJAX应用开发思维的不同之处。 这个最简单的例子需求如下:用户在页面的文本 框中输入想注册的用户名,然后点击校验按钮, 如果输入的用户名为“wangxingkui”,则提示用户 名已经存在