基于 AJAX 技术的 WEB.PDFVIP

电子发烧友 电子技术论坛 基金项目：基金名称：江苏省高校自然科学基金项目资助；基金颁发部门：江苏省教育厅； 项目名称：信息管理技术；编号：06KJD520122 基金申请人: 张颖超 基于 AJAX 技术的 WEB 研究与实现 叶小岭，吴敏，张颖超 （南京信息工程大学信息与控制学院 江苏 南京 210044） 摘要：本文介绍了 AJAX 技术及其工作原理以及所涉及的主要技术与当前的应用状况。讨论了大学人事管 理系统若采用传统 WEB 方法实现的局限性以及采用 Ajax 技术的优越性，并将 Ajax 在人事管理系统中给予 了具体的实现，采用Ajax 技术后大大减轻服务器端的压力，提高了系统的响应速度，减少了用户的等待时 间。 关键词：AJAX;WEB; XMLHttpReques;JavaScript; 管理系统 中图法分号：TP311 文献标致码：A Research and Implementation of WEB Based on AJAX Ye Xiao-ling,Wu Min ,Zhang Ying-chao （College of Information and Control , Nanjing University of Information Science and Technology ,Jiangsu Nanjing 210044, China ） Abstract: This paper is about the technique and the working principle of AJAX , the main technique it uses and the application of the current situation. And this article discussed the limitations fo using traditional methods and the advantages of using Ajax technology in the management system of university. It approves that using Ajax can effectively bring down web server’s pressure, improve system’s response speed, and reduce user’s waiting time. Key words: AJAX;WEB; XMLHttpReques; JavaScript; MIS 1. 引言 在传统的Web应用程序中，采用同步交互过程，用户动作触发一个连接到Web服务器的 HTTP请求,服务器完成一些处理,如接收数据、处理计算等,再访问其他数据库系统,最后返回 一个HTML页面到客户端[1]，服务器在处理请求的时候，用户多数时间处于等待状态，当负载 较大的时候，响应时间会很长，这是一种糟糕的用户体验。Ajax采用异步交互过程，Ajax 在用户与服务器间引用一个中间媒介，从而消除了网络交互过程中的处理-等待-处理-等待等 缺点，提高了Web应用程序的数据交换速度，按需求更新Web应用程序的用户界面内容，快 速的响应了浏览器客户端的用户行为。 2. AJAX 2.1 AJAX 的定义 AJAX 不是一项新的技术，只是几项技术按一定方式的组合 [2] ，包括Javascript 、XHTML 、 CSS、DOM 、XML 、XSTL 、XMLHttpRequest 等技术，各种技术在 Ajax 引擎中的作用如下 图 1 所示： 图 1 各种技术在 Ajax 引擎中的作用 电子发烧友 电子技术论坛 基金项目：基金名称：江苏省高校自然科学基金项目资助；基金颁发部门：江苏省教育厅； 项目名称：信息管理技术；编号：06KJD520122 基金申请人: 张颖超 其工作原理相当于在客户端和服务器之间加入了一个中间层, 来处理客户端的请求, 使用户操作与服务器响应异步化[3]，解决了浏览器频繁刷新页面等待数据传输问题，改善了 Web应用程序的用户体验。