基于ajax的网络聊天室本科学位论文.doc

华北电力大学科技学院本科毕业设计（论文）I基于Ajax的网络聊天室的设计与实现摘 要如何更好地与他人沟通是人们普遍关心的问题。人们通过网站可以展示产品，了解与用户和合作伙伴的最新发展，交流和沟通，建立联系和开展电子商务。在线聊天系统作为一个网站的重要组成部分，为人与人之间的交流和交往提供了一个平台。传统的互联网聊天室，以显示在线用户和用户信息的实时传送，需要定期刷新页面。刷新页面，不仅要占用一定的系统资源和网络带宽，也会出现“白屏”现象，这对良好的用户体验是非常不利的。 Ajax是一个新的web应用，使用Ajax技术的发展不仅解决了页面刷新带来的白屏问题，也减少了对服务器和网络传输的负载。本系统采用了A Ajax技术，数据库服务器端采用了SQL Server 2008作为数据库的开发，用C#语言编写的无刷新的网络聊天室。关键词:Ajax；网络聊天室；无刷新；异步交互DESIGN AND IMPLEMENTATION OF AJAX-BASED CHAT ROOMAbstractHow to communicate better with others is the general interest. Through the website can show the products, the latest developments, exchange and communication with users and partners to establish contacts and e-commerce. Online chat system constitute an important part of the site, to provide a platform for exchanges and contacts between people.Traditional Internet chat rooms in order to display online users and user messages sent in real time, the need to regularly refresh the page. Page refresh not only to take up some system resources and network bandwidth, but there is also a "black and white" phenomenon is very detrimental to a good user experience. Ajax is a new web application, the chat room system using Ajax technology development not only solved the page refreshes bring black and white issues, but also reduce the load on the server and network transmission.The system uses the A Ajax technology, database server-side SQL Server 2008 as database development, written in C # refresh network chat rooms.Key Words: Ajax；Internet chat rooms；Nofresh；Asynchronous interactionII目录摘 要IAbstractII1 绪论11.1 系统现状11.2 国内外主要研究成果11.3 课题的主要内容及章节安排32系统开发环境和关键技术32.1 系统的开发环境42.2 关键技术42.2.1 A技术42.2.2 Ajax技术62.2.2 A Ajax技术112.2.3 数据库技术112.2.4 C#语言123系统分析与设计123.1 系统分析133.1.1 聊天室功能需求分析133.1.2 聊天室功能性能分析133.2 系统运行环境133.3 系统设计133.3.1 系统结构133.3.2 实体及数据库实现153.3.3 后台功能模块153.3.4 流程图153.3.5 客户端与服务器端的相关设计164 系统实现184.1 聊天界面184.2 登录界面184.3 前台界面195 系统测试205.1 测试意义205.2 测试目标205.3测试方法205.4 测试用例20结 论22致 谢24231 绪论1.1 系统现状 在人们的生活中，信息技术的飞速发展正在发生深刻变化。人与人之间的对话是不再局限于面对面，网上聊天室提供了信息交流的另一个地方。传统的聊天室，以显示在线用户和用户信息的实时传送，需要定期刷新页面。刷新页面，不仅要占用一定的系统资源和网络带宽，也会出现“白屏”的现象，这对良好的用户体验是非常不利的。而使用Ajax技术开发的聊天室，不仅可以解决页面刷新带来白屏的问题，也减少了对服务器和网络传输的负载。随着互联网应用的普及，web应用以其良好的扩展性、易于部署、维护方便等优点逐渐成为软件开发的主流。早期的Web应用采用的是同步交互过程【1】，即用户首先向Web服务器提交一个请求或行为呼叫，服务器接收到客户请求后执行相应处理操作，最后向用户返回处理结果。服务器在处理请求时【2】【3】，用户处于等待状态，有时如果超过了服务器响应时间，甚至返回“页面不可用”等提示。另外，当我们只想改变页面的部分数据时，用户的请求会导致服务器重新返回整个页面内容，包括那些没有改变的数据，这不但增加了网络传输的数据量，还影响了客户端的响应时间，为什么我们不能“按需”获取数据呢?Ajax技术可以很好的解决上述web应用中存在的问题。Ajax技术是Web2.0的核心之一，本质上是一种RIA(RichIllternet Application)技术。RIA是指具有高度互动性和丰富用户体验的网络应用程序，它既具有消息确认、无刷新页面之下提供快捷的界面响应、拖放式等桌面应用程序的特点，同时又具有部署简单、跨平台等Web应用程序的特点。Ajax技术提供了客户端与服务器异步通信的能力【6】，从而使用户从请求一响应一再请求【3】的循环中解脱出来，同时降低了网络传输的数据量，提高了客户端的响应速度，改善了用户使用体验，使得web应用可以接近甚至达到类似“桌面应用”的效果。而Ajax有上述优势，例如Google Suggest，Gmail，Google Map等等交互程序中都使用了异步通讯技术。不知不觉中，Ajax应用程序占据了整个网络的每一个角落。纵观所有的应用程序，更好的用户体验是其的共同目标,在浏览器中实现桌面用户界面体验是Web开发的一种趋势。Ajax技术从谷歌到IBM，甲骨文，雅虎，BEA系统公司，红帽，Novell公司获得业界众多的IT巨头的支持，其快速发展是值得期待的。技术创新和标准化是Ajax技术发展的必由之路，而W3C已成立了工作小组，专门从事Ajax的规范发展工作。1.2 国内外主要研究成果Ajax技术的精髓是用异步交互替代了传统的同步交互，所以当用户操作时间大于服务器响应时间的时候，使用Ajax的效果非常明显。而当程序性能的瓶颈在于服务器响应时间的时候，Ajax无法解决程序运行缓慢的问题。因此，Ajax是更适合在网络上的互动频繁轻量级的应用程序。在Ajax开发的应用程序中，Google公司成功将Ajax技术应用到他们的商业产品。Google地图和Google Suggest都应用了这项技术。当用户使用谷歌地图查看地图（包括地图的缩放和平移地图），并没有提交任何请求到服务器，你就可以浏览到地图的各个部分。在这里，它是Ajax技术的应用，使得地图是不刷新的方式，但每个显示原始数据的基础上以增量方式显示。在这种方式下，用户觉得就像是在自己的计算机上查看本地的地图。微软也在积极开发Ajax应用程序：它将Ajax技术应用到的MSN Space上面。当用户使用MSN Space提交回复评论时，浏览器会暂时停顿，然后刷新显示用户提交的评论，这是应用了Ajax的原理。目前，Ajax应用最普遍的领域是GIS-Map方面。GIS的区域搜索强调快速响应，Ajax 的特点正好符合这种要求。在应用Ajax技术开发过程当中，处于核心位置的Ajax引擎实际上是一些复杂的JavaScript程序【7】。 随着网络应用和界面表现的复杂化，使用面向过程的JavaScript 语言描述表现逻辑将会变得很困难。同时, JavaScript的兼容性和调试都会成为使用Ajax技术的一个障碍。为了解决这些问题，开发人员已经开发出了一些基于Ajax技术的框架，方便了开发人员使用,有利于Ajax 技术的进一步推广。当然，任何技术都是有局限性的，Ajax也不例外。Ajax更新页面无需刷新重载【9】【10】，这也使传统的一些用户交互行为变得不可用，如后退、前进和刷新等。另外,移动设备（如手机、PDA等）现在还不能很好的支持Ajax，Ajax 对流媒体的支持也没有Java Applet和Flash这样成熟的技术好。 因此，一些辅助的平台和插件的开发也将是Ajax技术应用当中重要的一部分。Ajax把大量的运算从服务器转移到了客户端浏览器，这意味着浏览器将承受更大的负担，而不再是简单的文档显示功能【8】。聊天室作为一个能够吸引人气的栏目，在现代网络应用中随处可见。它的作用是给不同的用户提供一个交流信息的场所。用户在聊天室中可以发布信息，就如同所有用户都在一个个真正室内聊天一样。 传统的聊天室程序一般设置在客户端的网页自动刷新。刷新在这样的数据会带来一些缺点，例如：每次刷新服务器应该重新获取数据【14】，大大提高了服务器上的负载，此刷新过程正在进行，这将是非常严重的影响服务器的性能；每次刷新过程中会产生大量无用数据，不断刷新页面，用户在客户端方面，将导致屏幕闪烁。解决屏幕闪动最重要的一条原则就是，将改动的地方显示到客户端，而那些不需要改动的地方则尽量不要让用户感觉到变化。一个更好的解决办法是使用Ajax技术的无刷新聊天室应用【16】。现在的聊天室通过四个主要功能模块实现了聊天室中用户登录、注销、环境设置、发送消息、读取消息和查看在线用户列表等。聊天室系统为用户提供了聊天场所,操作员可对后台网站的风格、广告链接等进行设置；用户可以根据个人的习惯选择字体、文字颜色和表情等；前台聊天室具有私聊的功能,私聊的内容仅供私聊双方查看；聊天者可自己手动清除聊天内容。操作员可通过客户端处理模块获取界面元素从而得到聊天内容或与服务器交互更新客户端页面响应用户事件。服务器端响应模块可提供聊天室界面元素信息获得提交数据或数据合法性的验证。1) 基于CGI2) 基于JavaScript3) 基于ACTIVEX 4) 基于ASP的实现方案等在此列举了这四种方案的独到之处，场合选用，及各自所存在的缺点。PHP(Personal Home Page)是英文“超级文本预处理语言”(PHP：Hyper text Preprocessor)的缩写,是Rasmus Lerdorf推出的一种跨平台无缝运行服务器端的HTML嵌入式脚本语言，它混合了C,JAVA,Perl语言，主要用于Web服务器端的计算以及文字、文本处理。其最强大和最重要的特征是数据库集成层，可完成一个含有数据库的网功能的网页。MySQL是一个小型关系型数据库管理系统，其拥有体积小、速度快、总体拥有成本低，开放源码,支持多种操作系统，支持多线程，充分利用CPU，优化SQL提高查询速度提供TCP/IP、ODBC和JDBC等多种数据库连接途径的优点。就是把每个连上同一网页的用户传送的发言数据储存起来，然后将所有的发言数据传给每一用户。也就是说，用数据库汇集每个人的发言，并将数据库中的数据传给每一个人就实现了聊天室的功能。为了优化聊天室的后台数据库聊天室系统需要五个数据表:1） 聊天信息表 (chatInfo)2） 用户信息表 (UserInfo)3） 网站风格信息表 (Stylfo)4） 广告信息表 (AdvInfo)5） 广告链接表 （AdvLink）1.3 课题的主要内容及章节安排现在，多渠道的信息源、网络化的数据分布、快捷医用的交互操作、智能化的分析决策等特点越来越成为衡量优良聊天软件的关键，因此，该网络聊天室是基于C#语言运行于VS平台上，利用的技术主要是A，使用配置文件作为数据管理。为实现和方便客户端间通信，在客户端进行了人性化的界面设计,用户可以注册号码，登陆界面，具有私聊消息功能。第1章对本次课题的背景及意义、课题现状、课题内容与目标进行了深入的阐述。第 2 章介绍了系统的开发环境和关键技术，例如A技术，数据库开发，C#等等。第 3 章是系统分析与设计。将对系统进行需求分析，对组成系统的功能模块进行划分，对每个模块将要实现的功能进行阐述和说明。对系统的结构进行设计，设计共享数据结构。第4章是系统实现，分别介绍了服务器端和客户端每个功能的执行过程，画出主要模块的流程图。第 5 章介绍系统测试。最后，对本设计进行归纳总结，全面阐述本次设计中的体会。2 系统开发环境和关键技术2.1 系统的开发环境VS2010开发工具（如图1.1）以及Microsoft SQL Server 2008（如图1.2）图1.1 VS2010开发工具图1.2 SQL Server 20082.2 关键技术2.2.1 A技术ASP.NET的前身ASP技术，是在IIS 2.0上首次推出，当时与 ADO 1.0 一起推出，在IIS 3.0发扬光大，成为服务器端应用程序的热门开发工具，微软还特别为它量身打造了Visual InterDev开发工具，在1994年到2000年之间，ASP技术已经成为微软推展Windows NT 4.0平台的关键技术之一，数以万计的ASP网站也是这个时候开始如雨后春笋般的出现在网络上。它的简单以及高度可定制化的能力，也是它能迅速崛起的原因之一。不过ASP的缺点也逐渐的浮现出来： 意大利面型的程序开发方法，让维护的难度提高很多，尤其是大型的ASP应用程序。 直译式的VBScript或JScript语言，让效能有些许的受限。 延展性因为其基础架构扩充性不足而受限，虽然有COM元件可用，但开发一些特殊功能（像文件上传）时，没有来自内置的支持，需要寻求第三方软件商开发的元件。 1997年时，微软开始针对ASP的缺点（尤其是意大利面型的程序开发方法）准备开始一个新项目来开发，当时ASP.NET的主要领导人Scott Guthrie刚从杜克大学毕业，他和IIS团队的Mark Anders经理一起合作两个月，开发出了下一代ASP技术的原型，这个原型在1997年的圣诞节时被发展出来，并给予一个名称：XSP，这个原型产品使用的是Java语言。不过它马上就被纳入当时还在开发中的CLR平台，Scott Guthrie事后也认为将这个技术移植到当时的CLR平台，确实有很大的风险(huge risk)，但当时的XSP团队却是以CLR开发应用的第一个团队。 为了将XSP移植到CLR中，XSP团队将XSP的内核程序全部以C#语言重新撰写（在内部的项目代号是 "Project Cool"，但是当时对公开场合是保密的），并且改名为ASP+，作为ASP技术的后继者，并且也会提供一个简单的移转方法给ASP开发人员。ASP+首次的Beta版本以及应用在PDC 2000中亮相，由Bill Gates主讲Keynote(即关键技术的概览)，由富士通公司展示使用COBOL语言撰写ASP+应用程序，并且宣布它可以使用Visual Basic.NET、C#、Perl与Python语言（后两者由ActiveState公司开发的互通工具支持）来开发。 在2000年第二季时，微软正式推动.NET策略，ASP+也顺理成章的改名ASP.NET，经过四年的开发，第一个版本的ASP.NET在2002年1月5日亮相(和.NET Framework 1.0)，Scott Guthrie也成为ASP.NET的产品经理（到现在已经开发了数个微软产品，像ASP.NET AJAX和Microsoft Silverlight）。目前最新版本的 ASP.NET 4.0 及 .NET Framework 4.0 已经在VS2010平台内应用。A开发模式的优点世界级的工具支持 A架构师可以用Microsoft公司最新的产品Visual S开发环境进行开发，这些仅是A强大化软件支持的一小部分。强大性和适应性因为ASP.net是基于通用语言的编译运行的程序，所以它的强大性和适应性，可以使它运行在Web应用软件开发者的几乎全部的平台上。通用语言的基本库，消息机制，数据接口的处理都能无缝的整合到ASP.net的Web应用中。ASP.net同时也是language-independent（语言独立化）的，所以，你可以选择一种最适合你的语言来编写你的程序，或者把你的程序用很多种语言来写，现在已经支持的有C#（C+和Java的结合体），VB，Jscript , C+、F+。将来，这样的多种程序语言协同工作的能力保护您现在的基于COM+开发的程序，能够完整的移植向ASP.net。简单性和易学性ASP.net使运行一些很平常的任务如表单的提交客户端的身份验证、分布系统和网站配置变得非常简单。高效可管理性ASP.net使用一种字符基础的，分级的配置系统，虚拟服务器环境和应用程序的设置更加简单。因为配置信息都保存在简单文本中，新的设置有可能都不需要启动本地的管理员工具就可以实现。这种被称为"Zero Local Administration"的哲学观念使A的基于应用的开发更加具体和快捷。一个ASP.net的应用程序在一台服务器系统的安装只需要简单的拷贝一些必须的文件，不需要系统的重新启动，一切就是这么简单。多处理器环境的可靠性 ASP.net已经被刻意设计成为一种可以用于多处理器的开发工具，它在多处理器的环境下用特殊的无缝连接技术，将很大的提高运行速度。即使你现在的ASP.net应用软件是为一个处理器开发的，将来多处理器运行时不需要任何改变都能提高他们的效能，但现在的ASP却做不到这一点。自定义性和可扩展性 ASP.net设计时考虑了让网站开发人员可以在自己的代码中自己定义"plug-in"的模块。这与原来的包含关系不同，ASP.net可以加入自己定义的任何组件。网站程序的开发从来没有这么简单过。安全性基于Windows认证技术和每应用程序配置，你可以确保你的原程序是绝对安全的。 ASP.NET 的语法在很大程度上与 ASP 兼容，同时它还提供一种新的编程模型和结构，可生成伸缩性和稳定性更好的应用程序，并提供更好的安全保护。可以通过在现有 ASP 应用程序中逐渐添加 ASP.NET 功能，随时增强 ASP 应用程序的功能。 ASP.NET 是一个已编译的、基于 .NET 的环境，把基于通用语言的程序在服务器上运行。将程序在服务器端首次运行时进行编译，比ASP即时解释程序速度上要快很多.而且是可以用任何与 .NET 兼容的语言（包括 Visual Basic .NET、C# 和 JScript .NET.）创作应用程序。另外，任何 ASP.NET 应用程序都可以使用整个 .NET Framework。开发人员可以方便地获得这些技术的优点，其中包括托管的公共语言运行库环境、类型安全、继承等等。 ASP.NET 可以无缝地与 HTML 编辑器和其他编程工具（包括 Microsoft Visual Studio .NET）一起工作。这不仅使得 Web 开发更加方便，而且还能提供这些工具必须提供的所有优点，包括开发人员可以用来将服务器控件拖放到 Web 页的 GUI 和完全集成的调试支持。2.2.2 Ajax技术Ajax 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）。 Web应用的交互如Flickr,Backpack和Google在这方面已经有质的飞跃。这个术语源自描述从基于Web的应用到基于数据的应用的转换。在基于数据的应用中，用户需求的数据如联系人列表，可以从独立于实际网页的服务端取得并且可以被动态地写入网页中，给缓慢的Web应用体验着色使之像桌面应用一样。 Ajax的核心【17【19】是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。在基于Ajax的应用中，并不是所有技术全部用到，但是XmlHttpRequest对象却是实现Ajax技术的最核心技术。XmlHttpRequest对象负责将用户信息以异步通信的方式发送给服务器端，并接收服务器端返回的响应信息和数据。Javascript本身并不能向服务器发送请求，可以有两种方法：一种是通过XmlHttpRequest对象发送请求，另一种是使用widows.open()方法重新打开一个页面向服务器提交请求。不同的是，前者是异步交互方式，后者是同步交互方式。与传统的web模型相比，Ajax的运行是建立在异步交互的基础上的，异步交互的基本思想是尽量减少等待的时间。基于Ajax的web应用开发模型（如图1所示），只传输和更新需要的数据，而不用刷新整个页面，也就是通过网络传输的不是用户真正需要的数据，这样的工作模型不仅加快了用户请求的响应速度，还避免了刷新页面带来的屏幕闪烁。Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。 通过 Ajax，您的 JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据。 Ajax 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。 Ajax 可使因特网应用程序更小、更快，更友好。 Ajax 是一种独立于 Web 服务器软件的浏览器技术。Ajax 基于下列 Web 标准： JavaScript XML HTML CSS 在 Ajax 中使用的 Web 标准已被良好定义，并被所有的主流浏览器支持。Ajax 应用程序独立于浏览器和平台。 Web 应用程序较桌面应用程序有诸多优势；它们能够涉及广大的用户，它们更易安装及维护，也更易开发。 不过，因特网应用程序并不像传统的桌面应用程序那样完善且友。通过 Ajax，因特网应用程序可以变得更完善，更友好。该技术在1998年前后得到了应用。允许客户端脚本发送HTTP请求（XMLHTTP）的第一个组件由Outlook Web Access小组写成。该组件原属于微软Exchange Server，并且迅速地成为了Internet Explorer 4.0的一部分。部分观察家认为，Outlook Web Access是第一个应用了Ajax技术的成功的商业应用程序，并成为包括Oddpost的网络邮件产品在内的许多产品的领头羊。但是，2005年初，许多事件使得Ajax被大众所接受。Google在它著名的交互应用程序中使用了异步通讯，如Google讨论组、Google地图、Google搜索建议、Gmail等。Ajax这个词由Ajax: A New Approach to Web Applications一文所创，该文的迅速流传提高了人们使用该项技术的意识。另外，对Mozilla/Gecko的支持使得该技术走向成熟，变得更为易用。 Ajax前景非常乐观，可以提高系统性能，优化用户界面。Ajax现有直接框架AjaxPro，可以引入AjaxPro.2.dll文件，可以直接在前台页面JS调用后台页面的方法。但此框架与FORM验证有冲突。另外微软也引入了Ajax组件，需要添加AjaxControlToolkit.dll文件，可以在控件列表中出现相关控件。随着AJAX迅速地引人注目起来，我想开发人员对这种技术的期待也迅速地增加。就像任何新技术，AJAX的兴旺也需要一整个开发工具/编程语言及相关技术系统来支撑。 主要包含的技术：基 web标准（standards-based presentation）XHTML+CSS的表示； 使用 DOM（Document Object Model）进行动态显示及交互； 使用 XML 和 XSLT 进行数据交换及相关操作； 使用 XMLHttpRequest 进行异步数据查询、检索； 使用 JavaScript 将所有的东西绑定在一起。 类似于DHTML或LAMP，AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。事实上，一些基于AJAX的“派生/合成”式（derivative/composite）的技术正在出现，如“AFLAX”。 AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括： Google Chrome、Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象，也不支持XSLT。 JavaScript如名字所示，AJAX的概念中最重要而最易被忽视的是它也是一种JavaScript编程语言。JavaScript是一种粘合剂使AJAX应用的各部分集成在一起。在大部分时间，JavaScript通常被服务端开发人员认为是一种企业级应用不需要使用的东西应该尽力避免。这种观点来自以前编写JavaScript代码的经历：繁杂而又易出错的语言。类似的，它也被认为将应用逻辑任意地散布在服务端和客户端中，这使得问题很难被发现而且代码很难重用。在AJAX中JavaScript主要被用来传递用户界面上的数据到服务端并返回结果。XMLHttpRequest对象用来响应通过HTTP传递的数据，一旦数据返回到客户端就可以立刻使用DOM将数据放到网面上。 XMLHttpRequestXMLHttpRequest对象在大部分浏览器上已经实现而且拥有一个简单的接口允许数据从客户端传递到服务端，但并不会打断用户当前的操作。使用XMLHttpRequest传送的数据可以是任何格式，虽然从名字上建议是XML格式的数据。 开发人员应该已经熟悉了许多其他XML相关的技术。XPath可以访问XML文档中的数据，但理解XML DOM是必须的。类似的，XSLT是最简单而快速的从XML数据生成HTML或XML的方式。许多开发人员已经熟悉Xpath和XSLT，因此AJAX选择XML作为数据交换格式是有意义的。XSLT可以被用在客户端和服务端，它能够减少大量的用JavaScript编写的应用逻辑。 CSS简介为了正确的浏览AJAX应用，CSS是一种AJAX开发人员所需要的重要武器。CSS提供了从内容中分离应用样式和设计的机制。虽然CSS在AJAX应用中扮演至关重要的角色，但它也是构建跨浏览器应用的一大阻碍，因为不同的浏览器厂商支持各种不同的CSS级别。 服务器端不像在客户端，在服务端AJAX应用还是使用建立在如Java,.Net和PHP语言基础上机制；并没有改变这个领域中的主要方式。 既然如此，我们对Ruby on Rails框架的兴趣也就迅速增加了。在一年多以前，Ruby on Rails已经吸引了大量开发人员基于其强大功能来构建Web和AJAX应用。虽然目前还有很多快速应用开发工具存在，Ruby on Rails看起来已经储备了简化构建AJAX应用的能力。 调试问题在实际构建AJAX应用中，你需要的不只是文本编辑器。既然JavaScript是非编译的，它可以容易地编写和运行在浏览器中。然而，许多工具提供了有用的扩展如语法高亮和智能完成。 不同的IDE提供了对JavaScript支持的不同等级。来自JetBrains的IntelliJ IDEA是一个用来JavaScript开发的更好的IDE，虽然许多开发人员也喜欢Microsofts Visual Studio产品（允诺会在最新的版本中改善对AJAX的支持）。Eclipse包含了两个免费的JavaScript编辑器插件和一个商业的来自ActiveStat的Komodo IDE。 另一个JavaScript和AJAX开发中的问题是调试困难。不同的浏览器提供不同的通常是隐藏的运行时错误信息，而JavaScript的缺陷如双重变量赋值（通常是由于缺少数据类型）使得调试更加困难。在AJAX的开发中，调试就更复杂了，因为其需要标识究竟是客户端还是服务端产生的错误。在过去，JavaScript调试的方法是删除所有代码然后一行行的增加直到错误出现。现在，更多开发人员回到为IE准备的Microsoft Script Debugger和为Mozilla浏览器准备的Venkman。 浏览器兼容性JavaScript编程的最大问题来自不同的浏览器对各种技术和标准的支持。构建一个运行在不同浏览器（如IE和火狐）是一个困难的任务。因此几种AJAX JavaScript框架或者生成基于服务端逻辑或标记库的JavaScript，或者提供符合跨浏览器AJAX开发的客户端JavaScript库。 这些框架给开发人员更多的空间使得他们不需要担心跨浏览器的问题。虽然这些框架提升了开发人员构建应用的能力，但由于厂商已经开发了更细节的用户界面的打包组件解决方案，因此在AJAX组件市场中需要考虑一些其他因素。例如提供通用用户界面的组件如组合框和数据栅格的几个厂商，都可以被用来在应用中创建良好的通过类似电子数据表方式来查看和编辑数据的体验。但这些组件不仅是封装了组件的用户界面而且包括与服务端数据的通讯方式，这些组件通常使用基于标记方式来实现如或JSF控件。Ajax优点传统的web应用允许用户填写表单(form），当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单，然後返回一个新的网页。这个做法浪费了许多带宽，因为在前後两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。 与此不同，AJAX应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的web service接口，并在客户端采用JavaScript处理来自服务器的响应。因此在服务器和浏览器之间交换的数据大量减少，结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了。 使用Ajax的最大优点【4】【5】，就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。 Ajax不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。就像DHTML应用程序那样，Ajax应用程序必须在众多不同的浏览器和平台上经过严格的测试。随着Ajax的成熟，一些简化Ajax使用方法的程序库也相继问世。同样，也出现了另一种辅助程序设计的技术，为那些不支持JavaScript的用户提供替代功能。Ajax缺点对应用Ajax最主要的批评就是，它可能破坏浏览器后退按钮的正常行为。在动态更新页面的情况下，用户无法回到前一个页面状态，这是因为浏览器仅能记下历史记录中的静态页面。一个被完整读入的页面与一个已经被动态修改过的页面之间的差别非常微妙；用户通常都希望单击后退按钮，就能够取消他们的前一次操作，但是在Ajax应用程序中，却无法这样做。不过开发者已想出了种种办法来解决这个问题，当中大多数都是在用户单击后退按钮访问历史记录时，通过建立或使用一个隐藏的IFRAME来重现页面上的变更。（例如，当用户在Google Maps中单击后退时，它在一个隐藏的IFRAME中进行搜索，然后将搜索结果反映到Ajax元素上，以便将应用程序状态恢复到当时的状态。） 一个相关的观点认为，使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中。该问题的解决方案也已出现，大部分都使用URL片断标识符（通常被称为锚点，即URL中#后面的部分）来保持跟踪，允许用户回到指定的某个应用程序状态。（许多浏览器允许JavaScript动态更新锚点，这使得Ajax应用程序能够在更新显示内容的同时更新锚点。）这些解决方案也同时解决了许多关于不支持后退按钮的争论。 进行Ajax开发时，网络延迟即用户发出请求到服务器发出响应之间的间隔需要慎重考虑。不给予用户明确的回应 ，没有恰当的预读数据 ，或者对XMLHttpRequest的不恰当处理，都会使用户感到延迟，这是用户不欲看到的，也是他们无法理解的。通常的解决方案是，使用一个可视化的组件来告诉用户系统正在进行后台操作并且正在读取数据和内容。 一些手持设备（如手机、PDA等）现在还不能很好的支持Ajax; 用JavaScript作的Ajax引擎，JavaScript的兼容性和DeBug都是让人头痛的事； Ajax的无刷新重载，由于页面的变化没有刷新重载那么明显，所以容易给用户带来困扰用户不太清楚现在的数据是新的还是已经更新过的；现有的解决有：在相关位置提示、数据更新的区域设计得比较明显、数据更新后给用户提示等； 对串流媒体的支持没有FLASH、Java Applet好2.2.2 A Ajax技术Atlas是一个新的Web技术开发包，它集成了一套非常大的客户端脚本库使得与功能丰富的、基于服务器开发平台的 ASP.NET2.0结合在一起，”Atlas”能让你开发的Web应用能够通过直接调用Web服务器来更新一个Web页面的数据不需要在页面往返传送（也就是不需要多次刷新页面）。使用”Atlas”,你能最大地利用ASP.NET和服务器端代码在浏览器中来做许多工作，使得有更加丰富的用户体验。 ASP.NET 在2007年初推出了其第一个正式版本，并将Atlas更名为ASP.NET AJAX，对应服务器端和客户端分别对应有ASP.NET服务器端编程模型和ASP.NET客户端编程模型，前者包含ASP.NET 2.0 Ajax Extensions和后者包含Microsoft AJAX Libray。 ASP.NET Ajax是一个完整的开发框架，其服务器端编程模型相对于客户端编程模型较为简单，而且容易与现有的ASP.NET程序相结合，通常