从JS到AJAX-08Ajax入门总结.ppt

Ajax入门 Ajax AJAX是”Asynchronous JavaScript and XML”(异步JavaScript和XML)的缩写，是一种运用JS和XML，在浏览器和服务器之间传送或接收数据的技术。 AJAX的工作原理是在用户层和服务层之间加了一个中间层，使用户请求与服务器响应异步化。这样就把以前的一些服务器承担的工作转交给客户端，利用客户端闲置的处理能力来处理，减轻了服务器和宽带的负担。AJAX的优势主要体现在这里。 传统架构 PK AJAX架构 浏览器端 用户界面 服务器端 HTTP服务器 应用服务器 数据库服务器 HTTP请求 HTML CSS数据 浏览器端 用户界面 服务器端 HTTP或XML 服务器 应用服务器 数据库服务器 HTTP请求 XML数据 传统的Web应用模型 AJAX引擎 JS调用 HTML CSS数据 AJAX Web应用模型 AJAX工作机理 XML DOM JavaScript CSS 更新客户 端内容 接收服务 器响应 向服务器 发送请求 初始化XML HttpRequest 捕获浏览器事件 注册AJAX函数 浏览器初始化 发送请求 判断状态值 DOM处理 为某个事件 针对不同的 关联回调函数 接收响应 responseText 示例 考虑以下情景： 当用户输入字母后，系统自动查找姓名并显示进行参考 创建静态