ajax技术让web信息系统的页面更轻便

《ajax技术让web信息系统的页面更轻便》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、AJAX技利上Web信更2018-01-1500:19:33科技传播2017年24期张治平摘要随着网页内容的丰富及不断扩大的网络访问需求，在访问速度以及网页效果方面要求不，传统的Web贞而技术越來越显得不足，表单form、JS、CSS越來越显其不足。AJAX便是这种环境下应用而生，AJAX与JavaScript、制作动态网站的程序语言结合在-•起使得网站的页面更加友好、更加轻便、用户使用的体验感更加好。关键词AJAX技术；周部页面交互；页面轻便；用户体验好中图分类号TP3文献标识码A文章编号1674-6708(2017)201-0099

2、-021传统信息系统贞而与Web服务器交互时存在的不足传统网页开发用户勹服务器进行交互是先让用户在form表单屮输入数据，然后向网页服务器提交表单并发出一个交互请求，此交互请求可能是数据查询、数据更新等操作。当服务器收到用户从客户端发送过来的处理请求后，将会做出相关处理后给用户客广端返Ini—个新的站点页面。这样做法会浪费很多带宽，因为在前后两个站点页面中的绝大部分HTML代码都是完伞相冋。因为每次用户在客户端与服务器的交互都需耍向服务器发送请求，用户请求的响应时间不但依赖丁•服务器的响应快慢、还依赖于网络带宽等因素。采用传统技术让网页

3、与服务器进行交互有如下儿个缺点。1)浪费带宽。本來网页屮只需耍一部分内容、部分页而需耍与服务器交互，局部更新。但是传统做法需要整个页面刷新，从服务器重新下载返回一个新的页面，相当于把整个页面重新从服务器传输一次给客户端；而第2次传输的内容大部分都与第1次的相冋，只是很小的部分有改动。单纯通过传统表单方式与服务器进行交互会浪费有限网络带宽与流量。2)交互响应速度慢。随着信息化发展、多媒体技术的推广，很多网页都是图文并茂，内容丰富，一个页面也不小；当网络速度相当固定时，重新返冋整个图文并茂的页面比只返冋网页中內容发生了改变的一部分页面速度会

4、慢很多；并且每次用广与服务器进行交互时都耑要向服务器发送请求，应用的响应时间还依赖于服务器的响应时间。3)用户体验效果差。特别是执行数据査询动作时，在网贞页而屮发生改变的可能是把数据查询的结栗显示出来，但传统通过表中.捉交杏询请求，然后返回一个新的页面的话，整个页面会产生抖动感，用户体验性差。2AJAX技术在Web页面制作屮的优点AJAX足英文字母“AsynchronousJavaScript”和“XML”缩写，直译足“异步JavaScript”和“XML”。AJAX技术一种比较新颖、成熟、实用的技术，也是一种创建快速交互式网页应用的网

5、页开发技术。AJAX技术是通过在后台与服务器进行少景数据交换实现用户在客户端与服务器交互的需要。1)AJAX是一种用于创建快速动态网贞的技术。传统的网页如果不使用AJAX技术进行更新内容，必须重载整个网页面；而采用AJAX技术与服务器交互只耑向服务器发送请求并取回必需的那部分数据。它通过借助SOAP或基于XML的webservice应用接口，并在客户端结合JavaScript技术以处理从服务器返冋的响应；所以在服务器与客户端浏览器之间交换的数据大大减少，不像传统技术那样耑要重新把页面传输一次，所以用户在客广端浏览器就能更快地看到系统的响

6、应。2）异步传输模式。AJAX使用异步方式与服务器通信，即用P不需要打断在客P端的操作，即可实现与服务器交互、数据传递等操作，具有更加快速的响应能力。3）可以减轻服务器负担。AJAX可以把之前一部分耑要在服务器上执行的操作代码转移到客户端执行，利用客户端电脑闲置的资源来处理，起到减轻服务器负択并.H.节约M络传输带宽的作用：从而减轻Web服务器的负担，AJAX技术与服务器交互的原则是“按需取数”，可以大大减少冗余请求，从而捉供服务器响应速度。4）用户体验效果好。采用AJAX的最大优点，是能在不刷新、也不更新整个页面的前提下维护局部数据，

7、完成用广与服务器交互过程。这使得Web应用程序能更快捷地对用户请求做出相应的响应动作，冋时减少了在网络上传输那些没有改变过的数据，节约了网络带宽。有丫AJAX这种技术，当用户在客户端需耍与服务器进行交换时，AJAX可以快捷地执行服务器操作，并悄悄地返回执行操作结果，然后把执行结果显示在网页中，整个网页不会有抖动感、5）Web应用开发更容易。有了AJAX力Web应用程序幵发注入了新的魅力、新的活力，Web应用开发效率更加商。比如要开发一个类似QQ聊天工具的Web应用程序，不耑要安装额外应用程序，直接在旧浏览器t执行，只依靠传统表单form

8、、JS、CSS技术是比较难实现，而且开发效率很低。有了AJAX之后，比如检测用户冇没有新加的好友、有没有新的信息、好友査找等功能实现起來很简单，而且开发出来类似Web应用程序用户体验性很好。3使用AJAX技