微波EDA网,见证研发工程师的成长!
首页 > 硬件设计 > 嵌入式设计 > 基于Ajax技术的Web 2.0开发应用

基于Ajax技术的Web 2.0开发应用

时间:02-21 来源:互联网 点击:

能,其步骤如下:

服务器端提供GetSearchItems方法给客户端,用来返回满足条件的列表;

客户端的输入框需要增加onkeydown响应函数,以便即时获得满足条件的列表;

通过客户端的JavaScript动态列出待选结果的列表,同时还要提供键盘和鼠标的响应。

在服务器端添加供客户端调用的GetSearchItems方法是:在服务器端函数GetSearchItems的定义前加上[AjaxMethod()]标记,以表明它可以被客户端异步的调用。具体代码如下所示:

(1)服务器端代码设置如下:

该方法用于查询数据库,最后返回一个ArrayList对象,他将包含所有以用户输入字符串开头的所有学校名称的条目。

(2)客户端处理的部分代码

客户端相对于服务器端处理要复杂得多,要根据服务器端返回的ArrayList对象展示结果,此处用JavaScript和DOM创建一个新的div,将ArrayList中的每一条目都作为其子节点加入到div中,而每一个条目也被看作是一个div,具体的文本内容则是一个SPAN对象。

3结 语

利用Ajax技术,开发人员可以创建一个与桌面应用程序相媲美的交互式用户界面。Ajax使Web中的界面与应用分离(也可以说是数据与呈现分离),而在以前两者是没有清晰界限的,数据与呈现的分离,有利于分工合作、减少非技术人员对页面的修改造成Web应用程序的错误,提高效率,也更加适用于现在的发布系统,也可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的处理能力来处理。Ajax技术的出现将基于Web的应用程序开发带进了一个全新的阶段,但Ajax主要是基于JavaScript的客户端技术,所以客户端的开发显得越来越臃肿,随之而来的安全性等一系列问题有待进一步研究。

Copyright © 2017-2020 微波EDA网 版权所有

网站地图

Top