论文摘要:S结构中Ajax技术浅析-论文网
论文关键词:结构,技术,浅析
Ajax的含意是AsynchronousJavaScriptandXML,代表Ajax具有异步、使用JavaScript及XML等技术的特性。只要是集成JavaScript、XML、DOM(DocumentObjectModel)和XMLHttpRequest技术所制作的网页,都能视为应用Ajax概念的动态网页。
Ajax的应用
目前有越来越多的网站使用Ajax概念,常见的应用有在线游戏、改善用户接口及用户经验、自动完成拼字列表。GoogleMaps,MicrosoftWindowsLive。
为了让用户了解应用Ajax概念的动态网页和传统的动态网页有什么区别,先来说明传统的动态网页制作方式。如图1所示,当浏览者单击按钮、改变下拉列表的选项或任何与Web服务器互动的操作时就会产生HttpRequest,将整个网页的内容返回Web服务器,即使此次操作只需要一个字段数据,浏览器仍然会将所有字段数据都返回Web服务器,Web服务器在收到数据时会执行指定的操作,然后以HttpResponse的方式将结果(包括完全没有变动过的数据)返回浏览器。
图1表单交到页面
如图1所示,有一文本框,用来显示保存在服务器的留言内容,假设是保存在文本文件中。
当用户在浏览器端要看留言内容时会点击“确定”按钮,就会把这个请求发送到服务器端,服务器端接收到这个请求后,会作相应的处理,然后把结果下载到浏览器端,就是我们看到的图2的界面。在这个过程中,由两幅图可以看出,在点击“确定“按钮,这个事件发生前后变的的内容就在于文本框中多了显示的内容,其它内容前后都没发生变化。这个程序可以由多种技术实现,这里我们主要对比asp与ajax。
图2B/S工作模式
如果使用服务器端的动态技术如asp.net实现上述要求,则工作过程如上图2所示。服务器端接收到请求后,先定义文件流对像,然后通过流对象实现对存放在服务器端的文本文件进行读取,然后显示在页面中的文本框中,在这个过程中页面的变化只发生在文本框中的内容,本来是没有的,但是读取以后会在其中显示出来,而页面中的文本框和按钮,以及还有其它内容在这个过程中是没有发生变化的,但是“浏览器”会把整个内容都发送到“服务器”端,等服务器端处理完这个请求后又送回到“浏览器”端,表现在网页上我们会看到页面有个闪动的过程。当然这是页面内容不多的时候,如果内容很多,就会出现中间的等待下载过程,页面上可能什么也不显示,这样就会页面的浏览速度,如果页面中出现的交互很多,很频繁时,过多的等待会使用户失去耐心。
处理程序如下所示:
1.在服务端建立一个文本文件:liuyan.txt,写下面一句话。
你好,我在试验。
2.使用ASP.NET制作一个如图1所示的程序界面,保存为ly.aspx
Inherits="_Default"%>
使用ASP.NET |