- 博客(12)
- 收藏
- 关注
原创 Ajax特效 动态树形列表 之二
技术要点在基本原理的介绍中,了解到通过在父节点内动态创建子节点,并利用样式表缩进完成树形列表的基本框架。除了这一点外,还有下面一些问题需要考虑。1.将父节点所有的子节点放入一个容器中基本原理页面中仅包含了创建子节点的功能,不可以将创建好的节点再进行关闭操作。实际应用中菜单总是包含打开和关闭两种操作。为了方便进行关闭操作,将子节点放入一个容器中,在关闭时只需要设置容器的显示属性即可
2009-11-12 10:23:00
734
原创 Ajax特效 动态树形列表 之三
数据库设计本实例使用名为tree的数据库表,包含的数据如图1.8所示,具体的建表语句如下:CREATE TABLE tree ( id int(11) NOT NULL auto_increment, text varchar(255) NOT NULL, isfolder varchar(5) NOT NULL default false,
2009-11-12 10:23:00
460
原创 Ajax特效 根据邮政编码获取地区信息 之四
服务器端响应文件postalcode.jsp服务器响应文件根据用户输入的邮政编码,从数据库中查询对应的地区信息。如果没有取到,则返回空字符串。 //根据传入的邮编获取地区信息 String getAreaInfo(String postalCode) { String areaInfo = null; /
2009-11-12 10:22:00
689
1
原创 Ajax特效 动态树形列表 之一
树形列表(菜单)在Web应用中十分常见,通常应用于目录式结构,例如产品分类、部门机构等。传统的树形菜单主要有两种加载方式:一种是一次性加载全部数据,另一种是根据用户操作逐步加载数据,但是需要刷新页面。前者加载速度较慢,并且存在大量数据没有被使用的浪费情形。后者可以逐步加载,但是频繁地刷新页面在给用户带来不便的同时,也增加了系统开发的复杂度。当前使用的Ajax技术,同时兼顾了两种传统方式的
2009-11-12 10:22:00
1703
原创 Ajax特效 根据邮政编码获取地区信息 之二
数据库设计本实例使用名为postalcode的数据库表,包含的部分数据如图1.4所示。具体的创建数据表语句如下: CREATE TABLE postalcode ( id int(11) NOT NULL auto_increment, area varchar(255) NOT NULL, city varchar(255) NOT NULL,
2009-11-12 10:21:00
305
原创 Ajax特效 根据邮政编码获取地区信息 之三
用户操作界面postalcode.html页面中包含3个文本框,分别表示邮政编码、地区和城市信息。当用户输入邮政编码后,系统将自动从服务器读取地区和城市信息,填充到对应文本框中。详细的函数说明请参考代码中的注释。 根据邮政编码获取省市信息 var xmlHttp; //用于保存XMLHttpRequest对象的全局变量 //用于创建XM
2009-11-12 10:21:00
682
原创 Ajax特效 动态加载的FAQ 之四
服务器端响应文件read_faq.jsp服务器响应文件根据用户传入的faqId参数,从数据库中查找对应的FAQ详细信息。详细信息可以为包含HTML标记的内容。查询完毕后将结果返回。 out.clear();
2009-11-12 10:20:00
302
1
原创 Ajax特效 根据邮政编码获取地区信息 之一
在很多系统中,需要用户填写个人资料,其中包含地区、城市、邮政编码等信息。而邮政编码本身包含了地区和城市信息,所以可以利用此规则简化操作。用户只需要输入邮政编码,系统根据邮政编码自动取得地区信息。这样做使得用户可以获得更好的使用体验,也可以减少错误的发生。要实现自动获取地区信息,主要考虑3个问题:邮编正确性保证,触发自动获取的时机,返回信息的格式。1.利用onkeypress事件进行检
2009-11-12 10:20:00
1121
原创 Ajax特效 动态加载的FAQ 之三
页面中显示了3个问题,分别编号为1、2、3。每个问题表现为一个超链接,单击超链接触发loadFAQ函数。每个问题下面包含一个用于显示答案的div,id属性设置为“faqDetail+问题编号”,通过style="display:none"默认设置为隐藏。详细的函数说明请参考代码中的注释。 动态加载的FAQ var xmlHttp; //
2009-11-12 10:19:00
374
原创 Ajax特效 动态加载的FAQ 之二
本实例使用名为faq的数据库表,包含的数据如图1.2所示。具体的创建数据表语句如下: CREATE TABLE faq ( id int(11) NOT NULL auto_increment, faq varchar(255) NOT NULL, detail varchar(255) NOT NULL, PRIMARY KEY (id
2009-11-12 10:18:00
234
原创 Ajax特效:动态加载的FAQ 之一
图1.1 实例运行效果1.1.1 技术要点动态加载FAQ的过程主要是利用XMLHttpRequest(以下简称XHR)对象与服务端通信,根据用户单击的感兴趣问题动态将内容加载到页面中。在具体实现时,有两点要注意的内容。1.对每个问题进行唯一标识FAQ主要包含问题与解答两个部分,用户单击一个问题时,服务器必须知道请求的是哪个问
2009-11-12 10:13:00
678
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人