Welcome 微信登录

首页 / 脚本样式 / Ajax

Ajax基础教程(3)- 3.3 小结

Ajax基础教程(3)- 3.3 小结

Ajax基础教程(3)- 3.3 小结2009-11-10CSDN本章介绍了XMLHttpRequest对象与服务器之间相互通信的各种方法。XMLHttpRequest对象可以使用HTTP GET或POST方法发送请求,请求数据可以作为查询串、XML或JSON数据发送。处理请求之后,服务器一般会发送简单文本、XML数据甚至JSON数据作为响应。每个格式都有自己最适用的场合。如果不能根据请求的结果动态更新页面的内容,Ajax就没有多大的用处。当前的浏览器都把...
Ajax基础教程(4)- 实现基本Ajax技术 4.1 完成验证

Ajax基础教程(4)- 实现基本Ajax技术 4.1 完成验证

Ajax基础教程(4)- 实现基本Ajax技术 4.1 完成验证2009-11-10CSDN我们已经介绍了Ajax技术,也知道了如何使用XMLHttpRequest对象,现在要把它们结合起来,该怎么做呢?哪些情况下需要应用Ajax技术?当然,Ajax的潜力几乎是无穷尽的,关于Ajax的使用,灵感可能源源不断。本章将展示一些例子,在这些情况下,使用Ajax技术可以让应用突飞猛进。有些情况是一目了然的,有些则不是。不过无论怎样,对Ajax应用积累的经验越多,你...
Ajax基础教程(4)- 实现基本Ajax技术 4.2 读取响应首部

Ajax基础教程(4)- 实现基本Ajax技术 4.2 读取响应首部

Ajax基础教程(4)- 实现基本Ajax技术 4.2 读取响应首部2009-11-10CSDN你有时可能需要从服务器获取一些内容,例如,可能想“ping”一下服务器,验证服务器是否正常运行。此时,你也许只想读取服务器发出的响应首部,而忽略内容。通过读取响应首部,可以得出Content-Type(内容类型)、Content-Length(内容长度),甚至Last- Modified(最后一次修改)的日期。如果只关注响应首部,完成这样...
Ajax基础教程(4)- 实现基本Ajax技术 4.3 动态加载列表框

Ajax基础教程(4)- 实现基本Ajax技术 4.3 动态加载列表框

Ajax基础教程(4)- 实现基本Ajax技术 4.3 动态加载列表框2009-11-10CSDNWeb应用通常使用“向导工具”设计原则来构建,即每个屏幕要求用户输入少量的信息,每个后续页的数据都依据前一页的输入来创建。对于某些情况,这个设计模式非常有用,如用户以一种逐步、有序的方式完成任务。遗憾的是,太多的Web应用使用了这种方法,因为它们别无选择。在Ajax技术出现之前,当基于用户输入修改页面上的某些部分时,动态地更新页面而不刷...
Ajax基础教程(4)- 实现基本Ajax技术 4.4 创建自动刷新页面

Ajax基础教程(4)- 实现基本Ajax技术 4.4 创建自动刷新页面

Ajax基础教程(4)- 实现基本Ajax技术 4.4 创建自动刷新页面2009-11-10CSDN股票行情、天气数据、标题新闻……这些都是经常改变的数据,但不值得为这些数据的修改手工地完全刷新页面。尽管CNN.com之类的网站确实会定期重新加载,但是,如果只是为了改变一两个标题新闻和几个图就重绘整个页面,这可能很让人扫兴。当然,如果刷新整个页面,可能很难发现到底哪些是新内容!如果使用Ajax,用户就不用反复点击refresh(...
Ajax基础教程(4)- 实现基本Ajax技术 4.5 显示进度条

Ajax基础教程(4)- 实现基本Ajax技术 4.5 显示进度条

Ajax基础教程(4)- 实现基本Ajax技术 4.5 显示进度条2009-11-10CSDN无一例外地,几乎每个应用都会时不时地调用一个长时间运行的事务。如果你关心系统的可用性,就要确保用户能很容易地看到系统的状态。如果是一个胖客户应用,对于长时间运行事务的问题,解决办法很简单:只需显示一个进度条,以便用户知道目前所处状况。不过,在Ajax之前,要在Web应用中做到这一点很不容易。本节将使你了解如何使用Ajax为Web应用建立进度条。在代码清单4-9所示...
Ajax基础教程(4)- 实现基本Ajax技术 4.6 创建工具提示

Ajax基础教程(4)- 实现基本Ajax技术 4.6 创建工具提示

Ajax基础教程(4)- 实现基本Ajax技术 4.6 创建工具提示2009-11-10CSDN我们见过许多使用Ajax的应用,到目前为止,我们认为最有意思的是DVD租借服务Netflix。当浏览Netflix中的各个选择时,会看到各类最新影片的相关图片和文字。当把鼠标停在一个给定影片的图片上时,就会看到更多的信息(见图4-12)。尽管不使用Ajax也能达到这个效果,但第一次获取页面时要纳入大量可能永远也不会用到的信息。通过使用Ajax,只会在需要时发送所...
Ajax基础教程(4)- 实现基本Ajax技术 4.7 动态更新Web页面

Ajax基础教程(4)- 实现基本Ajax技术 4.7 动态更新Web页面

Ajax基础教程(4)- 实现基本Ajax技术 4.7 动态更新Web页面2009-11-10CSDN如前所述,如果页面中只有一小部分需要修改,此时Ajax技术最适用。换句话说,以前实现一些用例时,为了更新页面中的一小部分总是需要使用完全页面刷新,这些用例就很适合采用Ajax技术。考虑一个有单个页面的用例,用户向这个页面输入的信息要增加到列表中。在这个例子中,你会看到列出某个组织中员工的Web页面。页面最上面有3个输入框,分别接受员工的姓名、职位和部门。点...
Ajax基础教程(4)- 实现基本Ajax技术 4.8 访问Web服务

Ajax基础教程(4)- 实现基本Ajax技术 4.8 访问Web服务

Ajax基础教程(4)- 实现基本Ajax技术 4.8 访问Web服务2009-11-10CSDN多年以来一直存在一个软件工程问题:从一台机器调用另一台机器上的服务或方法,即使这些机器使用完全不同的硬件或软件。对于这个问题,最近提出的解决方案是Web服务。几年前,Web服务大受吹捧,它的头上围绕着耀眼的光环,有些人认为Web服务就是分布式软件开发的“圣杯”。后来,它的光芒逐渐黯淡下来,Web服务最终找到了自己合适的位置,它是支持异构...
Ajax基础教程(4)- 实现基本Ajax技术 4.9 提供自动完成

Ajax基础教程(4)- 实现基本Ajax技术 4.9 提供自动完成

Ajax基础教程(4)- 实现基本Ajax技术 4.9 提供自动完成2009-11-10CSDN我们遇到的最受欢迎的功能之一就是自动完成。许多人都使用过Intuit的Quicken之类的工具,并对其注册表的功能很是着迷,它的注册表能根据以前的注册项填入信息。这就使得数据输入更快、更容易,而且不容易出错。对于胖客户应用,增加这个功能可能很容易,但是Web应用长期以来一直都没有这个特性[1]。不过,Google在其beta实验区推出Google Suggest...
Ajax基础教程(4)- 实现基本Ajax技术 4.9 小结

Ajax基础教程(4)- 实现基本Ajax技术 4.9 小结

Ajax基础教程(4)- 实现基本Ajax技术 4.9 小结2009-11-10CSDN本章我们提供了许多例子,展示了应用Ajax技术改善用户体验的方法。在许多情况下,可以把Ajax技术应用到现有的应用中,以Ajax请求取代完全页面刷新,从而与服务器无缝地通信,并更新页面内容。用户可能不会注意到在以另外一种方式完成应用,但是过一段时间之后,他们就会认识到应用变得“更好”了。Ajax技术也可以在开始设计新Web应用时就采用。现在,Aj...
Ajax基础教程(5)- 5.1 使用JSDoc建立JavaScript代码的文档

Ajax基础教程(5)- 5.1 使用JSDoc建立JavaScript代码的文档

Ajax基础教程(5)- 5.1 使用JSDoc建立JavaScript代码的文档2009-11-10CSDN作为一名有经验的Web应用开发人员,你也许可以熟练地应用某种服务器端技术(或者,应用多种服务器端技术)来构建Web应用。我们已经看到,在过去几年中,服务器端技术有了长足的发展,服务器端软件开发越来越容易,也越来越健壮,相比之下,客户端技术基本上被抛在了一边。Ajax技术的横空出世使这种状况有所改观,因为开发人员现在有了一个更丰富的客户端工具箱,有大...
Ajax基础教程(5)- 5.2 使用Firefox扩展验证HTML内容

Ajax基础教程(5)- 5.2 使用Firefox扩展验证HTML内容

Ajax基础教程(5)- 5.2 使用Firefox扩展验证HTML内容2009-11-10CSDN5.2 使用Firefox扩展验证HTML内容当前的浏览器都能很好地实现W3C DOM标准。只要创建的内容能遵循标准HTML或XHTML,就几乎能得到所有浏览器的支持。不过通常说起来简单,做起来就不那么容易了。不同于C++或Java这样的编译语言,HTML没有编译器可以将人可读的代码翻译为机器可读的二进制代码,要由Web浏览器将人可读的HTML或XHTML代...
Ajax基础教程(5)- 5.3 使用DOM Inspector搜索节点

Ajax基础教程(5)- 5.3 使用DOM Inspector搜索节点

Ajax基础教程(5)- 5.3 使用DOM Inspector搜索节点2009-11-10CSDN3 使用DOM Inspector搜索节点在Mozilla Suite和Firefox浏览器中打包了一个DOM Inspector工具。如果利用DOM Inspector,则可以查看Web页面的结构化表示,甚至能搜索某些特定的节点,并自动更新DOM中的节点。在Firefox中,你可以通过Tools菜单项来访问DOM Inspector。要使用DOM Insp...
Ajax基础教程(5)- 5.4 使用JSLint完成JavaScript语法检查

Ajax基础教程(5)- 5.4 使用JSLint完成JavaScript语法检查

Ajax基础教程(5)- 5.4 使用JSLint完成JavaScript语法检查2009-11-10CSDNJSLint是一个JavaScript验证工具(www.jslint.com),可以扫描JavaScript源代码来查找问题。如果JSLint发现一个问题,JSLint就会显示描述这个问题的消息,并指出错误在源代码中的大致位置。有些编码风格约定可能导致未预见的行为或错误,JSLint除了能指出这些不合理的约定,还能标志出结构方面的问题。尽管JSLi...
Ajax基础教程(5)- 5.5 完成JavaScript压缩和模糊处理

Ajax基础教程(5)- 5.5 完成JavaScript压缩和模糊处理

Ajax基础教程(5)- 5.5 完成JavaScript压缩和模糊处理2009-11-10CSDN我们都知道,JavaScript是一种在客户浏览器中执行的解释型语言。换句话说,JavaScript会以明文下载到浏览器,再由浏览器根据需要执行这个JavaScript代码。用户只要使用浏览器的查看源代码功能就能读到JavaScript源代码,该功能会显示出页面的完整HTML标记,包括所有JavaScript块。即使JavaScript源代码放在一个外部文件...
Ajax基础教程(5)- 5.6 使用Firefox的Web开发扩展

Ajax基础教程(5)- 5.6 使用Firefox的Web开发扩展

Ajax基础教程(5)- 5.6 使用Firefox的Web开发扩展2009-11-10CSDNFirefox的Web开发扩展为Firefox浏览器增加了大量有用的Web开发工具。一旦安装了这个扩展,你就可以通过一个工具条来访问为浏览器增加的这些工具(见图5-14)。在目前能够运行Firefox的所有平台上都能使用这个扩展包,这就意味着在Windows、OS X和Linux都能顺利地使用这个扩展包。Firefox的Web开发扩展包可以从chrispeder...
Ajax基础教程(5)- 5.7 实现高级JavaScript技术

Ajax基础教程(5)- 5.7 实现高级JavaScript技术

Ajax基础教程(5)- 5.7 实现高级JavaScript技术2009-11-10CSDN我们假设本书的读者对JavaScript至少有基本的实践知识。如果要提供JavaScript的全面教程,这本身就需要一本完整的书才能讲清楚,所以在这里我们不打算详细介绍这种语言。相反,本节只是讨论JavaScript的一些可能鲜为人知的高级特性,并说明如何在你的Ajax开发中结合使用这些特性。我们先来简单地谈谈JavaScript的历史,以便你了解它原来是什么样子...
Ajax基础教程(5)- 构建完备的Ajax开发工具箱 5.7 小结

Ajax基础教程(5)- 构建完备的Ajax开发工具箱 5.7 小结

Ajax基础教程(5)- 构建完备的Ajax开发工具箱 5.7 小结2009-11-10CSDN本章我们介绍了一些工具和技术,采用这些工具和技术,会让你的开发过程更加愉快。JSDoc可以帮助建立JavaScript代码的文档,从而使其他开发人员能够更容易地理解和使用代码。如果你开始经常使用Ajax技术,肯定会编写一些你自己可重用的JavaScript库,而且会用JSDoc为代码建立文档,以便其他人更轻松地使用这些库。HTML Validator和Check...
Ajax基础教程(6)- 6.1 JavaScript提出的问题

Ajax基础教程(6)- 6.1 JavaScript提出的问题

Ajax基础教程(6)- 6.1 JavaScript提出的问题2009-11-10CSDN读到这里,应该很清楚了,要想真正很好地使用Ajax,你就要写一些JavaScript代码。尽管框架和工具包能减轻一些负担,但是最终你可能会得到比平常更多的JavaScript代码。因为我们自己写过不少,所以很清楚写JavaScript代码绝不是轻而易举的,不过,本章我们还是要在你筋疲力尽的肩头再压上几块石头。具体地,我们将介绍测试驱动开发(test-driven d...
<< 41 42 43 44 45 46 47 48 49 50 >>