《C#_Ajax》.ppt

Introduction to Ajax 许多引用MSDN特约讲师 苏鹏的幻灯片 Introduction Ajax (Asynchronous JavaScript and XML) 是个新产生的术语,专为描述JavaScript的两项强大性能.这两项性能在多年来一直被网络开发者所忽略,直到最近Gmail, Google suggest和google Maps的横空出世才使人们开始意识到其重要性。 Web 2.0 纯静态页面(Web 1.0)→CMS+数据库(Web1.5) →用户导向的社会化网络(Web 2.0) 相关技术： 支持按照blog的方式来发表(网民成为信息提供的重要部分) 社会性，能把东西分享给朋友等 AJAX通过RSS/ATOM同步数据 (引用将面向实体) 通过RSS/ATOM聚合数据 采用REST（Representational State Transfer）的API或者XML的web service CSS + XHTML Web 2.0 Web 2.0 与用户的交互友好，注重用户体验 分布式、用户主导、用户参与、用户建设 社会化网络、内容开发和共享、支持API 内容通过聚合来组织 分散化的微内容网站受欢迎 Web 2.0 与用户的交互友好，注重用户体验 分布式、用户主导、用户参与、用户建设 社会化网络、内容开发和共享、支持API 内容通过聚合来组织 分散化的微内容网站受欢迎 DEMO DEMO DEMO DEMO DEMO DEMO DEMO DEMO What’s AJAX Ajax (Asynchronous JavaScript and XML) 使用XHTML和CSS标准化呈现 使用DOM实现动态显示和交互 使用XML和XSLT进行数据交换与处理 使用XMLHttpRequest进行异步数据读取 最后用JavaScript绑定和处理所有数据 Application Model of AJAX Application Model of AJAX CSS DOM W3C DOM的定义： 文档对象模型(DOM)是与平台和语言无关的接口，允许程序和基本动态地访问和更新文档的内容、结构和样式。文档可以进一步处理，处理的结果可以放回到所提供的页面中。 DOM是面向XML和HTML文档的API，为文档提供了结构化表示，并定义了如何提供脚本来访问文档结构。 DOM独立于编程语言，在Ajax中用JavaScript. Attributes of DOM Methods of DOM for traversing XML 使用DOM方式修改页面布局 添加内容 修改文档颜色 XMLHttpRequest 最早在IE5中以ActiveX组件形式实现，最近Mozilla 1.0和Safari 1.2采用其为事实标准 Methods of XMLHttpRequest Attributes of XMLHttpRequest Ajax.NET - AutoComplete Client(View): <input type="text" onKeyUp="FindMatches(this.value);" id="state" name="state"><br /> <select id="matches" onClick="MatchSelected(this);" style="visibility:hidden;"></select> Client(Script): var matcheList = document.getElementById("matches"); function FindMatches(searchCriteria) { if (searchCriteria) { SearchCompletion.FindMatches(searchCriteria , FindMatches_CallBack); } else {matcheList.style.visibility = "hidden"; } } Ajax.NET - AutoComplete Client(Script): SearchCompletion.FindMatches(searchCriteria,FindMatches_CallBack); 等价于： var SearchCompletion = { FindMatches:function(searchCriteria,callback,context) { return new ajax_request (this.url + '?_method=FindMatches&_se