王兴魁ajax源代码,ajax入门技术.doc

文档介绍：

ajax 入门技术本文由 love_yuan_feng 贡献 ppt 文档可能在 WAP 端浏览体验不佳。建议您优先选择 TXT ,或下载源文件到本机查看。 AJAX 技术入门王兴魁北京传智播客教育 走进 AJAX AJAX 的思维方式 AJAX 的技术核心 AJAX 应用实例 AJAX 的优缺点 AJAX 开发工具北京传智播客教育 AJAX Jesse James Garrett 2005 年的 2月《 Ajax: A New Approach to Web Applications XML 》 Asynchronous Asynchronous JavaScript And XML 北京传智播客教育 AJAX (1) 使用 XHTML 和 CSS 的基于标准的表示技术(2) 使用 DOM 进行动态显示和交互(3) 使用 XML 和 XSLT 进行数据交换和处理(4) 使用 XMLHttpReques t 进行异步数据检索(5) 使用 Javascrip t 将以上技术融合在一起北京传智播客教育 AJAX 北京传智播客教育 AJAX GOOGLE 北京传智播客教育 AJAX GOOGLE 北京传智播客教育 AJAX Microsoft Yahoo ! Amazone Baidu 163 Sina Sohu ……北京传智播客教育 AJAX (1) 改善表单验证方式, 不再需要打开新页面, 也不再需要将整个页面数据提交(2) 不需刷新页面就可改变页面内容, 减少用户等待时间。(3) 按需获取数据, 每次只从服务器端获取需要的数据。(4) 读取外部数据,进行数据处理整合。(5) 异步与服务器进行交互, 在交互过程中用户无需等待,仍可继续操作北京传智播客教育: 走进 AJAX AJAX 的思维方式 AJAX 的技术核心 AJAX 应用实例 AJAX 的优缺点 AJAX 开发工具北京传智播客教育 X 思维方式: 我们就通过用户名校验这个简单的例子来看看传统 Web 应用和 AJAX 应用开发思维的不同之处。这个最简单的例子需求如下: 用户在页面的文本框中输入想注册的用户名, 然后点击校验按钮, 如果输入的用户名为“ wangxingkui ”, 则提示用户名已经存在, 请重新输入,否则提示用户名尚未存在,可以使用此用户名进行注册。北京传智播客教育 X 思维方式: 问题分析: 问题分析: 对于校验用户名的需求, 我们需要一个 html 页面和一个 servlet 程序。 Html 页面中包含文本框和提交按钮, 他们位于一个 form 表单中, 这个表单将请求提交给 servlet 程序, servlet 程序判断当前的用户名是否是“ wangxingkui ”, 并给出相应的提示,同时 servlet 中还生成一个链接,用于返回 htm l 页面。北京传智播客教育 X 思维方式: 北京传智播客教育 X 思维方式: 从这个例子我们可以看到,传统 Web 开发思维模式的一个特点是通过 form 表单提交请求信息,然后转向一个新的页面处理请求, 并显示服务器端返回的信息。你可以尝试运行一下这些代码,你会发现作为用户的你经历了:在浏览器中输入用户名-> 点击按钮提交用户名给 Servlet-> 浏览器转向 Servle t 的页面->等待 Servle t 处理>Servlet 返回响应信息-> 浏览器中看到 Servlet 页面的响应信息, 当然这其中有几个过程可能时间短暂到你没有注意, 但这些过程是确实存在。北京传智播客教育 X 思维方式: 北京传智播客教育 X 思维方式: 问题分析: 问题分析: 对于校验用户名的需求, 我们需要一个 html 页面和一个 servlet 程序。 Html 页面中包含文本框和校验按钮, 点击提交按钮以后, 我需要通过 javascript 获取文本框中的数据,然后通过 XMLHttprequest 发送数据给 servlet ,此外还需要准备用于接收响应的 javascrip t 函数, 接收到 servle t 的提示信息后, 我需要将这些信息动态的写在页面上。 servlet 程序判断当前的用户名是否是“ wangxingkui ”,并给出相应的提示。北京传智播客教育 X 思维方式: 注意, AJAX 模式下问题分析的方式已经发生了变化: servle t 不需要返回 html 页面的链接了, 因为我们不需要跳转到 servlet 表示的页面中,我们只需要获得 servlet 页面产生的结果 html 页面中我不用表单提交数据了, 我的数据通过 javascript 来获取, 然后通过一个叫做 XMLHttprequest 的对象发送个 servlet 。而且我没有做页面跳转我需要一个接收 servle

内容来自淘豆网www.taodocs.com转载请标明出处.