Ajex与JSF的结合.pptVIP

Ajax 与 JSF 的结合 简单介绍Ajax 什么是Ajax？ Ajax是一种客户端方法，可以与J2EE、.NET、 PHP、Ruby和CGI脚本交互，它并不关心服务器是什么。 Ajax是Javascript中的一部分，其最重要的一个对象是XMLHttpRequest（XHR）对象，它早在IE 5中就已经出现了，大多数现代浏览器都支持了该对象。 谁发明了Ajax？ 2005年2月，Adaptive Path的Jesse Jame Garrett最早创造了这个词，在他的文章《Ajax：A New Approach to Web Applications》中，Garrett讨论了如何消除胖客户端应用与瘦客户应用之间的界限。 Ajax能为我们做什么？ Google的个性化主页 Amazon的钻石搜索页面 Netflix的浏览页面特性 我们的demo(Ajax JSF) Ajax的技术特点： Ajax 涵盖了异步（Asynchronous）、XMLHttpRequest、JavaScript、CSS、DOM等等。也有些人认为 Ajax 是 Asynchronous JavaScript + XML的缩写，但是它的涵盖面有所扩展，把允许浏览器与服务器通信而无需刷新当前页面的技术都涵盖在内。 正式开始我们的Ajax之旅！ XMLHttpRequest对象概述 XMLHttpRequest最早是IE 5中以ActiveX组件形式出现的，现在，Molilla 1.0和Safari 1.2把它采用为事实上的标准。注意：XMLHttpRequest并不是一个W3C标准，不过许多功能已经涵盖在新的提案中：DOM Level 3加载和保存规约。由于目前不是标准，所以不同浏览器上的表现也有所区别，不过大多数方法和属性都得到了广泛的支持。当前，Firefox、Safari、Opera、Konqueror和IE都以类似的方式实现了XMLHttpRequest对象的行为。 创建XMLHttpRequest对象的一个实例： var xmlHttp; function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject(Microsoft.XMLHTTP); } else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } XMLHttpRequest对象的方法： XMLHttpRequest对象的属性： 用于处理XML文档的DOM元素属性： 用于遍历XML文档的DOM元素方法： Ajax应用中标准的交互模式： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=/1999/xhtml head titleSimple XMLHttpRequest/title script type=text/javascript var xmlHttp; function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject(Microsoft.XMLHTTP); } else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } function startRequest() { createXMLHttpRequest(); xmlHttp.onreadystatechange = handleStateChange; //访问服务器上的simpleResponse.xml,其中仅有一句” Hello from the server!” xmlHttp.open(GET, simpleResponse.xml, true); xmlHttp.send(null);//没有数据发送，所以使用null。 } function handleStateChange() { if(xmlHttp.readyState == 4) { if(xmlHttp.status == 200) { alert(The server replie