2014年C# Ajax.pptVIP

Application Model of AJAX Browser Client User Interface Classic Web Application Model Datastore, backend processing, legacy systems Web Server HTTP(S) Transport HTTP Request HTML + CSS data Browser Client Ajax Engine Ajax Web Application Model Datastore, backend processing, legacy systems Web and/or XML Server HTTP(S) Transport HTTP Request XML data Server-Side System Server-Side System User Interface JavaScript Call HTML+CSS data * Application Model of AJAX Client User Activity Classic Web Application Model User Activity User Activity Server Time SystemProcessing SystemProcessing Client Client Side Processing Ajax Web Application Model Server Time Server-SideProcessing Data Transmission Browser UI Ajax Engine User Activity Input Display Input Display Input Display Input Display Data Transmission Data Transmission Server-SideProcessing Data Transmission Data Transmission Server-SideProcessing Data Transmission Data Transmission Server-SideProcessing Data Transmission Data Transmission * CSS * DOM W3C DOM的定义： 文档对象模型(DOM)是与平台和语言无关的接口，允许程序和基本动态地访问和更新文档的内容、结构和样式。文档可以进一步处理，处理的结果可以放回到所提供的页面中。 DOM是面向XML和HTML文档的API，为文档提供了结构化表示，并定义了如何提供脚本来访问文档结构。 DOM独立于编程语言，在Ajax中用JavaScript. * Attributes of DOM Attribute Description childNodes 返回当前元素所有子元素·的数组 firstChild 返回当前元素的第一个下级子元素 lastChld 返回当前元素的最后一个子元素 nextSibling 返回紧跟在当前元素后面的元素 nodeValue 指定表示元素值的读写属性 parentValue 返回元素的父节点 previousSibling 返回紧邻当前元素之前的元素 * Methods of DOM for traversing XML Method Description getElementById(doucument) 获取有指定唯一ID属性值文档中的元素 getElementByTagName(name) 返回当前元素中有指定标记名的子元素的数组 hasChildNodes() 返回一个布尔值，指示元素是否有子元素 getAttribute(name) 返回元素的属性值，属性由name指定 * 使用DOM方式修改页面布局 添加内容 修改文档颜色 * XMLHttpRequest 最早在IE5中以ActiveX组件形式实现，最近Mozilla 1.0和Safari 1.2采用其为事实标准 var xmlHttp; function createXMLHttpRequest(){ if (window.ActiveXObject){xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP”); }else if{ xmlHttp = new XMLHttpRequest(); } } * Methods of XMLHttpRequest Method Description abort() 停止当前请求 getAllResponseHeaders() 把HTTP请求的所有