lin49940的专栏

在使用XMLHttpRequest对象发送请求和处理响应之前，必须先用JavaScript创建一个XMLHttpRequest对象。 Internet Explorer把XMLHttpRequest实现为一个ActiveX对象，其他浏览器（如Firefox、Safari和Opera）把它实现为一个本地JavaScript对象。由于存在这些差别，JavaScript代码中必须包含有关的逻辑，从而

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

5.7.1  通过prototype属性建立面向对象的JavaScript JavaScript通过一种链接机制来支持继承，而不是通过完全面向对象语言（如Java）所支持的基于类的继承模型。每个JavaScript对象都有一个内置的属性，名为prototype。prototype属性保存着对另一个JavaScript对象的引用，这个对象作为当前对象的父对象。 当通过点记法引用对象的一个函数

5.7.2  私有属性和使用JavaScript的信息隐藏铁杆的面向对象设计支持者会注意到，当使用prototype方法向JavaScript对象增加属性和函数时，所增加的属性和函数都是公用的，所有其他对象都能访问。对于函数来说，这通常没有问题，因为大多数函数都确实应当提供给外部客户。但是对于属性，面向对象设计的支持者就会指出，公有属性违反了信息隐藏的概念，对象的属性应当是私有的，因此外部客户

5.7.3  JavaScript中基于类的继承JavaScript中基于prototype的继承机制可以很好地工作，但是对于一些已经习惯于C++和Java等语言中基于类的继承机制的人来说，JavaScript的prototype继承机制不是一种自然的编程方法。如果你不想用基于prototype的继承，而想用一种基于类的继承方法，那就继续读下去吧。Netscape的Bob Clary[4]

5.7.4  汇合前面已经了解到，JavaScript中也可以实现私有属性，而且JavaScript也能像C++和Java一样支持基于类的继承方法。为了展示这些是怎样实现的，下面说明如何转换前面使用Vehicle、SportsCar和CementTruck对象的示例，从而使用信息隐藏和继承的新模式。代码清单5-5列出了新的对象定义。代码清单5-5　classicalInheritance.

4.8  访问Web服务多年以来一直存在一个软件工程问题：从一台机器调用另一台机器上的服务或方法，即使这些机器使用完全不同的硬件或软件。对于这个问题，最近提出的解决方案是Web服务。几年前，Web服务大受吹捧，它的头上围绕着耀眼的光环，有些人认为Web服务就是分布式软件开发的“圣杯”。后来，它的光芒逐渐黯淡下来，Web服务最终找到了自己合适的位置，它是支持异构计算机系统相互操作的一种有用的工具

4.9  提供自动完成我们遇到的最受欢迎的功能之一就是自动完成。许多人都使用过Intuit的Quicken之类的工具，并对其注册表的功能很是着迷，它的注册表能根据以前的注册项填入信息。这就使得数据输入更快、更容易，而且不容易出错。对于胖客户应用，增加这个功能可能很容易，但是Web应用长期以来一直都没有这个特性[1]。不过，Google在其beta实验区推出Google Suggest后，证明了

新闻标题版块跟上篇一样，学习前先了解一下作者用到了什么服务。作者是在这里http://rss.news.yahoo.com/rss/topstories（点击看看）得到头条新闻的列表的。从作者的言论在看，这个版块是4个版块中最简单的。一。newsItems.jsp页面，这是版块的主页面代码清单8-8 newsItems.jspdiv id="newsItemsRoot"

这是本人的原创,转载先通知下这是个综合的例子， 作者起名为 Ajax DashBoard。在这个DashBoard 中,主要提供4个版块, 天气预报版块, 股票行情版块, 新闻组件版块, 搜索版块。现在中用到的工具有Taconite（在sourceforge可以下载到）和dom-drag库（这个js好啊，可以实现页面中的窗口鼠标拖动，简单易用）。项目所需包主要是axis1.2.1，

天气预报版块 要学习这个版块，那首先应该知道作者怎么得到这个服务的（不要照着书完成了例子就觉得行啦），作者是从这里http://www.webservicex.net/WeatherForecast.asmx 得到天气预报服务的（美国的），它提供两种方法查询天气预报，一种是查询PlaceName(地点名称), 一种是查询ZipCode(邮政编码)。 跟这个版块相关的类ArrayOfWe

股票行情版块 作者是从 http://www.swanandmokashi.com/HomePage/WebServices/StockQuotes.asmx 这里获取服务的，像天气预报版块，我们要用WSDL2Java这个工具从http://www.swanandmokashi.com/HomePage/WebServices/StockQuotes.asmx?WSDL这里获得服务的Java类

新闻搜索版块  老规矩，先贴下web service的地址：http://local.yahooapis.com/LocalSearchService/V3/localSearch?appid=thunderboltsoft&zip=94306&results=10&query=ajax 这个版块不像前面的自动填充那个，这个是通过你输入的关键字，然后帮你查找新闻，在把这些新闻填充到下面的D

我们已经介绍了Ajax技术，也知道了如何使用XMLHttpRequest对象，现在要把它们结合起来，该怎么做呢？哪些情况下需要应用Ajax技术？当然，Ajax的潜力几乎是无穷尽的，关于Ajax的使用，灵感可能源源不断。本章将展示一些例子，在这些情况下，使用Ajax技术可以让应用突飞猛进。有些情况是一目了然的，有些则不是。不过无论怎样，对Ajax应用积累的经验越多，你就越会找到自己的方法来改善应

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

W3C DOMW3C DOM到底是什么？W3C主页提供了清晰的定义：文档对象模型（DOM）是与平台和语言无关的接口，允许程序和脚本动态地访问和更新文档的内容、结构和样式。文档可以进一步处理，处理的结果可以放回到所提供的页面中。不仅如此，W3C还解释了为什么要定义标准的DOM。W3C从其成员处收到了大量请求，这些请求都是关于将XML和HTML文档的对象模型提供给脚本所要采用的方法。提案并

使用XMLHttpRequest对象是如何向服务器发送请求，以及如何处理服务器的响应？使用XMLHttpRequest对象发送请求的基本步骤如下：1. 为得到XMLHttpRequest对象实例的一个引用，可以创建一个新的实例，也可以访问包含有XMLHttpRequest实例的一个变量。2. 告诉XMLHttpRequest对象，哪个函数会处理XMLHttpRequest对

XMLHttpRequest对象提供了两个可以用来访问服务器响应的属性。第一个属性respo-nseText将响应提供为一个串，第二个属性responseXML将响应提供为一个XML对象。简单来说就是responseText返回的是xml文件的全部内容的字符串。如果内容为123，那responseText返回的是"123"的字符串；内容是123,那responseText返回的是“123”的字

使用W3C DOM动态编辑页面这个例子我添加了对选择框的输入的内容进行判断，改变了添加row和cell的函数，测试成功 by lin49940 web最初只是作为媒介向各处分发静态的文本文档，如今它本身已经发展为一个应用开发平台。遗留的企业系统通常通过纯文本的终端部署，或者作为客户—服务器应用部署，这些遗留系统正在被完全通过Web浏览器部署的系统所取代。随着最终用户越来越习惯于使用

 3.1.2  将响应解析为XML你已经了解到，服务器不一定按XML格式发送响应。只要Content-Type响应首部正确地设置为text/plain（如果是XML，Content-Type响应首部则是text/xml），将响应作为简单文本发送是完全可以的。复杂的数据结构就很适合以XML格式发送。对于导航XML文档以及修改XML文档的结构和内容，当前浏览器已经提供了很好的支持。浏览器到

 到此为止，你已经了解了如何使用Ajax技术向服务器发送请求，也知道了客户可以采用多种方法解析服务器的响应。前面的例子中只缺少一个内容，就是你尚未将任何数据作为请求的一部分发送给服务器。在大多数情况下，向服务器发送一个请求而没有任何请求参数是没有什么意义的。如果没有请求参数，服务器就得不到上下文数据，也无法根据上下文数据为客户创建“个性化”的响应，实际上，服务器会向每一个客户发送同样的响应。

原帖：http://www.javaeye.com/topic/71343 作者：wangcheng  时间: 2007-04-16 00:09    JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工

请求参数作为XML发送 与几年前相比，当前浏览器上JavaScript的兼容性有了长足的进步，已经不可同日而语，再加上越来越成熟的JavaScript开发工具和技术，你可以决定把Web浏览器作为开发平台。并不只是依赖于浏览器来看待模型—视图—控制器模式中的视图，还可以用JavaScript实现部分业务模型。可以使用Ajax技术把模型中的变化持久存储到后台服务器。如果模型放在浏览器上，模型的

使用JSON向服务器发送数据做了这么多，你已经能更顺手地使用JavaScript了，也许在考虑把更多的模型信息放在浏览器上。不过，看过前面的例子后（使用XML向服务器发送复杂的数据结构），你可能会改变主意。通过串连接来创建XML串并不好，这也不是用来生成或修改XML数据结构的健壮技术。JSON概述XML的一个替代方法是JSON，可以在www.json.org找到。JSON是一种文本格式

4.4  创建自动刷新页面股票行情、天气数据、标题新闻……这些都是经常改变的数据，但不值得为这些数据的修改手工地完全刷新页面。尽管CNN.com之类的网站确实会定期重新加载，但是，如果只是为了改变一两个标题新闻和几个图就重绘整个页面，这可能很让人扫兴。当然，如果刷新整个页面，可能很难发现到底哪些是新内容！如果使用Ajax，用户就不用反复点击refresh（刷新）按钮。技术新闻网站Digg

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

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

var returnM='1';  var ajaxTimeout = $.ajax({　　url:'http://10.151.142.6:8091/Processes/NEWCIM/AccessToData/CAS2.0/ChectPersonOneLogin',  //请求的URL　　timeout : 4000, //超时时间设置，单位毫秒    contentType