基于Ajax动态下拉列表实现_张玉叶.pdf

电脑编程技巧与维护 基于Ajax 的动态下拉列表的实现 张玉叶 (济南职业学院计算机系，济南 250014) 摘 要：以一个医院管理系统中科 室与专家之间的动态下拉列表的实现为例 ，讲解利用 Ajax 技术 实现客户端与服务 器端的异步通信 ，并给 出了具体的 实现过程和完整代码及程序调试技巧 ，同时分析 比较了两种数据封装格式 JSON 和 XML 的优缺点。 关键词：Ajax 技术 ； XML 技术 ；JSON ； 动态下拉列表 Implementation of Dynamic Drop-down list Based on Ajax ZHANG Yu-ye （Dept. of Computer , Jinan Vocational Colleage , Ji ′nan 250014 , China） Abstract: In order to realize the dynamic drop-down list between departments and experts in a hospital management system as an example,the article explains how to use Ajax technology to implement the asynchronous communication between client and server, and gives the implementation process and complete code and debugging skills, and compares the advantages and disadvantages of two kinds of data format of JSON and XML. Key words: Ajax technology ; XML technology ; JSON ; dynamic drop-down list 在开发网站时经常要用到一些动态下拉列表的问题，如 表2 doctor 表结构 根据选择的省份来选择相应省份下面的城市或根据选择的医 doctorID doctorName keshiID 院科室来选择该科室里的专家等。传统Web 开发技术采用同 wy 王洋 nk 步请求通过刷新整个页面的方法来解决此问题，会产生冗余 请求，既增加服务器的负担，也容易使用户等待时间过长。 zhl 赵亮 wk 而Ajax 技术的异步请求、按需获取数据可有效解决传统Web lm 刘梅 fk 技术所带来的缺陷，能够有效地减轻服务器负担，带给用户 zhf 张芳 nk [1] 更好的使用体验 。在开发医院管理系统时有多处用到动态下 lr 鲁然 wk 拉列表，本文以预约挂号模块中科室与专家之间的动态下拉 列表框的实现为例，详细讲解了如何利用Ajax 技术来实现此