2014年Ajax核心：XMLHttpRequest.pptVIP

* 说明：该方法初始化请求参数以供send()方法稍后使用。它把readyState设置为1，删除之前指定的所有请求头部，以及之前接收的所有响应头部，并且把 responseText、responseXML、status以及statusText 参数设置为它们的默认值。当 readyState 为 0 的时候（当 XMLHttpRequest 对象刚创建或者 abort() 方法调用后）以及当 readyState 为 4 时（已经接收响应时），调用这个方法是安全的。 * IT@ANY * 第一课 Ajax基础 IT@ANY 本课程的主要内容 Ajax通信原理 Ajax核心：XMLHttpRequest JavaScript框架：jQuery Ajax框架：DWR Ajax常见应用 本章目标 了解Ajax的相关概念 掌握XMLHttpRequest的语法 掌握简单的Ajax应用 第一部分 了解Ajax的相关概念 掌握XMLHttpRequest的语法 掌握简单的Ajax应用 AJAX的起源 2005年2月8号，一名叫Jesse James Garret的程序员发布了一篇在线文章——“Ajax:Web应用的新方法” Garret引进了“Ajax”这个词，为像Google Maps和Google Suggest这类新一代的行为丰富的Web应用(rich web application)背后的架构给出定义 Ajax技术本质 Ajax既不是插件，也不是专利技术，而是一种架构风格（高层次的模式），它由很多相关的技术和想法组成。 Ajax缩写：Asynchronous JavaScript And XML，实际上AJAX由以下几部分组成 CSS XMLHttpRequest DOM JavaScript AJAX AJAX特性 建造能交付功能丰富的，响应能力良好的，具有良好用户操作体验的标准WEB技术 是应用，而不是网站 平滑，连续的交互 实时 充分的支持 视觉效果 恰当使用AJAX AJAX豪华版 对AJAX的使用最彻底，应用感觉上就像浏览器里的桌面应用，因为交互由浏览器在驱动—它协调用户与服务器之间的所有交互，因此几乎没有直接的页面刷新；类似的，不需要在服务器做会话跟踪，因为没有页面的刷新，所有相关状态都可以保持在浏览器脚本里，服务器不必了解HTML，并且可能只提供一般的WEB服务。 AJAX轻量版 总体来说，AJAX轻量版应用比较像传统的WEB应用，但在一些地方加上了AJAX功能，例如，在标准表单提交前，AJAX可以被用来验证表单，或者在用户请求协助时，AJAX可以被用来显示页面的操作说明。 第二部分 了解Ajax的相关概念 掌握XMLHttpRequest的语法 掌握简单的Ajax应用 Ajax的核心：XMLHttpRequest XMLHttpRequest 是AJAX的核心部分 XMLHttpRequest 提供了对 HTTP 协议的完全的访问，包括做出POST和HEAD请求以及普通的GET请求的能力 XMLHttpRequest 可以同步或异步地返回 Web 服务器的响应，并且能够以文本或者一个 DOM 文档的形式返回内容 尽管名为 XMLHttpRequest，但它并不限于和 XML 文档一起使用，它可以接收任何形式的文本文档 浏览器的选择 虽然是Microsoft发明了此对象，但目前在多数浏览器里，XMLHttpRequest是标准的JavaScript类， 支持XMLHttpRequest对象的主流浏览器： Windows IE 5+ FireFox 1+ Mozilla 1+ Safari1.2+ Opera7.6+ 最简单的AJAX程序-客户端 function testAjax(){ var req=new XMLHttpRequest(); req.open(get,/ajax/reada,false); req.send(null); var str=req.responseText; alert(str); } 最简单的AJAX程序-服务端 public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType(text/plain); PrintWriter out = response.getWriter(); out.println(Hello World!); out.flush(); out.close(); } 建立XMLHttpRequ