AJAX动态无刷新技术在企业网中应用.doc

AJAX动态无刷新技术在企业网中应用 　　摘要： 本文介绍了基于ASP.NET的AJAX动态无刷新技术在企业网的实现方法，利用JavaScript结合XML，实现了网页动态无闪烁刷新。 　　主题词：AJAX；无刷新 　　 　　1引言 　　 　　在传统网页中，用户提交信息给网站服务器，将花费大量的等待时间。即使客户端和服务器的连接状况非常好，加载新页面时，浏览器中仍会有一个显示空白页面的闪烁过程。这是因为浏览器需要清除原有的内容并重新写入新的内容，即使页面的一小部分进行更改，整个页面都要刷新。 　　随着google Maps等无闪刷新技术的实现，使人们意识到其重要性。利用AJAX (异步JavaScript 和XML)，通过调用HttpRequest实现与服务器的异步通讯，并最终在网页中实现无闪刷新界面。 　　 　　2 AJAX技术 　　 　　2.1 AJAX技术简介 　　AJAX是多种技术的综合，使用XHTML和CSS标准化呈现，使用DOM实现动态显示和交互，使用XML、XSTL进行数据交换与处理，使用XMLHttpRequest对象进行异步数据读取，使用 Javascript 绑定和处理所有数据。它打破了页面重载的惯例技术组合，因此AJAX已成为Web开发的重要工具。 　　2.2 AJAX技术优势 　　AJAX技术优点是：首先是无需重新装载整个页面便能向服务器发送请求；其次是对XML文档的解析和处理。与传统的asp无刷新技术相比： 　　AJAX技术支持各种浏览器，兼容性好，使用的iframe并非所有的浏览器都支持;传统的无刷新技术需要返回合法的javascript程序端，调试不便;AJAX的优势在于将各种技术有机的结合在一起;AJAX应用程序无需客户端进行任何形式的安装部署，因而其优势是Java Applet和ActiveX等需要下载、安装插件的技术所无法比拟的。 　　 　　3 AJAX动态无刷新技术实现方法及程序实现 　　 　　3.1 AJAX动态无刷新技术实现方法 　　3.1.1 AJAX服务器端安装与配置 　　在服务器端安装ASP.net AJAX，配置AJAX信息。 　　3.1.2 制作发送HTTP请求 　　为了用JavaScript向服务器发送一个HTTP请求，需要一个类实例。类首先由IE浏览器以ActiveX对象引入，被称为XMLHTTP。它支持微软的ActiveX对象所提供的方法和属性。 　　创建一个跨浏览器的这样的类实例，代码如下： 　　if (window.XMLHttpRequest) {http_request = new XMLHttpRequest();} 　　else if (window.ActiveXObject) {http_request = new ActiveXObject(Microsoft.XMLHTTP);} 　　http_request = new XMLHttpRequest(); 　　http_request.overrideMimeType(text/xml); 　　当收到服务器的响应后，需要告诉HTTP请求对象用哪一个JavaScript函数处理这个响应。可以将对象的状态属性设置为要使用的JavaScript函数名，如： 　　http_request.onreadystatechange = nameOfTheFunction; 　　http_request.onreadystatechange = function(){}; 　　在定义了如何处理响应后，就要发送请求了。可以调用HTTP请求类的open()和send()方法， 如下所示： 　　http_request.open(GET, file, true); 　　http_request.send(null); 　　open()的第一个参数是HTTP请求方式 - GET，POS，HEAD 或任何服务器所支持的您想调用的方式。第二个参数是请求页面的URL。由于自身安全特性的限制，第三个参数设置请求是否为异步模式。如果是TRUE，JavaScript函数将继续执行，而不等待服务器响应.这就是AJAX中的A。 　　如果第一个参数是POST,send()方法的参数可以是任何想送给服务器的数据。这时数据要以字符串的形式送给服务器。 　　3.1.3 处理服务器的响应 　　当发送请求时，要指定处理响应的JavaScript函数名。 　　http_request.onreadystatechange = alertContents(); 　　这个函数的功能是首先检查请求的状态。如果状态值是4，意味着一个完整的服务器响应已经收到，可以处理该响应。