- 1、本文档共13页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
网站设计与建设17
网 站 设 计 与 建 设Website design and developments 17.1 什么是Ajax Ajax的全称是:Asynchronous异步JavaScript+XML Ajax不是一个技术,它实际上是几种技术,每种技术都有其独特之处,合在一起就成了一个功能强大的新技术。 Web开发领域的最新时髦术语其实质是“旧貌换新颜”。 Ajax可以让开发人员构建基于Java技术的Web应用,并打破了使用页面重载的惯例 Ajax是一种客户端设计方法,可以与J2EE、.NET、PHP、Ruby和CGI脚本交互,它并不关心服务器是什么。 Ajax包括: XHTML和CSS XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性 使用文档对象模型DOM(DocumentObjectModel)作动态显示和交互 使用XML和XSLT做数据交互和操作 XSLT 是一种用于将 XML 文档转换为 XHTML 文档或其他 XML 文档的语言。 使用XMLHttpRequest进行异步数据接收 使用JavaScript将它们绑定在一起 17.2 Ajax工作原理 Ajax用来描述一组技术,它使浏览器可以为用户提供更为自然的浏览体验。 在Ajax之前,Web站点强制用户进入提交/等待/重新显示内容,用户的动作总是与服务器的“思考时间”同步。 Ajax提供与服务器异步通信的能力,从而使用户从请求/响应的循环中解脱出来。 借助于Ajax,可以在用户单击按钮时,使用JavaScript和DHTML立即更新UI(用户界面),并向服务器发出异步请求,以执行更新或查询数据库。当请求返回时,就可以使用JavaScript和CSS来相应地更新UI,而不是刷新整个页面。 最重要的是,用户甚至不知道浏览器正在与服务器通信:Web站点看起来是即时响应的。 在面向消费者的诸多应用当中,Google的Gmail和GoogleMaps就是最常见的例子。在Gmail当中,AJAX负责如何开启线程会话,以显示不同邮件的文本内容。而在Maps当中,AJAX允许用户以一种似乎无缝的方式拖拉及滚动地图。 还有雅虎的Flickr像片共享应用和亚马逊网站的A9搜索引擎。这些UI都充分地使用了后台通道 不过AJAX应用软件的适用领域具有一定的局限性。因为它们利用了一些最新的Web技术,所以只能在某些Web浏览器里面运行 FORM METHOD=GET ACTION=”/cgi-bin/helloworld.pl” Click here to fire a script: INPUT TYPE=SUBMIT VALUE=”fire” /FORM 17.3 XMLHttpRequest 对象 XMLHttpRequest是一个 JavaScript 对象,处理所有服务器通信的对象。 一个Ajax交互从一个XMLHttpRequest对象开始。 它允许一个客户端脚本来执行HTTP请求,并且将会解析一个XML格式的服务器响应。 1)启动一个Ajax过程 form+ JavaScript 2)创建一个XMLHttpRequest实例 3)获取表单数据 。 4)将目标URL设置到XMLHttpRequest对象上。 5)发送请求 6)处理服务器响应 1)启动一个Ajax过程 form+ JavaScript form p City: input type=text name=city id=city size=25 onChange=callServer(); / /p p State: input type=text name=state id=state size=25 onChange=callServer(); / /p p Zip Code: input type=text name=zipCode id=city size=5 //p /form 2)创建一个XMLHttpRequest实例 使用 Microsoft IE浏览器 var xmlHttp = false; try {xmlHttp = new ActiveXObject(Msxml2.XMLHTTP);} catch (e) { try { xmlHttp = new ActiveXObject(Microsoft.XMLHTTP); } catch (e2) {
您可能关注的文档
- 微机原理与接口技术课件 5.IO端口地址地址译码方法(已看).ppt
- 微机原理与接口技术课件 7.中断向量表(已看).ppt
- 化工热力学 chap5 化工过程的能量分析.ppt
- 基于AutoCAD技术的机械手和液压传动原理设计 机械设计及自动化专业毕业设计 毕业论文.doc
- 中国股市资本资产定价模型有效性分析 数学与信息科学学院毕业论文.doc
- 基于过控实验台的温度对象预测控制研究 电气工程及其自动化专业毕业设计 毕业论文.doc
- 中国石油大学(北京)本科毕业设计(论文)题目申报表.doc
- 药物的多晶型研发-苏州晶云药物.pdf
- 国际工程承包课件 第六章 国际工程承包索赔.ppt
- 国际工程承包课件 第四章 国际工程承包风险管理.ppt
最近下载
- 高中英语_必修一Unit5 Reading and Thinking教学设计学情分析教材分析课后反思.doc
- 探秘会计信息处理智慧树知到答案章节测试2023年青岛滨海学院.docx
- 2024年“大学习”活动线上培训栏目公共卫生与预防医学继续教育题库与答案第三套.docx VIP
- 《公务接待实务》课件.pptx VIP
- 污水管网监理投标方案(技术标).docx
- 华为H12-611 V1.0 HCIA-openEuler认证备考试题库资料及答案(高分刷题版).pdf
- 《公路工程资料员一本通》.docx
- RockwellAutomation罗克韦尔1794-IB8, 1794-IB16, 1794-IB32 Installation用户手册说明书.pdf
- 软件定义安全 .ppt
- 风景名胜景区道路清卫保洁服务重点难点分析.docx
文档评论(0)