AJAX二级联动菜单教程(using asp and prototype)

一、           在开始之前。

我想，在开始之前我要说的主要是两点，第一点是技术方面的。

在网站中使用AJAX方式来处理某些事务已经被广泛应用于各大网站，关于AJAX的解释我不想多说了。这里我主要先和大家说一下在本例中使用的AJAX解决方案。

在本例中，我们需要制作一个使用AJAX的二级联动菜单，当页面首次载入完毕时，客户端脚本程序将通过AJAX向服务器端的load.asp文件请求当前的商品的一级分类(在案例中称为父级分类)的信息，并填充在网页中的选择框控件(select控件)中。当用户通过键盘或者鼠标改变了显示父级分类的select控件，那么这时将通过AJAX再次向load.asp文件请求响应的父级分类的子分类的信息，并填充在显示子分类的select控件中。

在服务器端的load.asp文件中，我们将根据用户的请求，获得响应的父级分类或者指定父级分类的子分类的列表，并生成一个xml文件响应流返回。

我要说的第二点则是从网站整体设计来考虑的，我想，在开始制作一个AJAX的功能之前，你所需要反复思考的是，当前的功能是否真的需要用AJAX来实现。要知道，AJAX是需要客户端向服务器端请求的，而且这个请求一般还是动态网页的请求，这也就是说，服务器端因为这个AJAX的功能，必定会进行一些运算。这个运算是否是必要的呢，服务器端是否因此增加了无谓的额外运算呢。我打个比方来说，如果你用AJAX来处理月份和日期选择，例如选择1月，则日期的选择框变为31天。这就是不必要的，这可以简单的通过javascript来完成，而并不需要和服务器再通讯了。一般来说，只有非常必要的通过数据库查询的功能，例如，用户名是否重复等，这些才真的需要AJAX。另外，滥用AJAX也可能导致用户的可用性变差从而违背了开始使用AJAX的初衷。虽然AJAX技术很新潮，但是完全没有必要因此处处使用，还是要根据需求来确定功能的。

二、           制作服务器端响应程序

废话不多说，我们先进入服务器段相应程序的制作。在前面我简单说到了，本案例的功能是实现商品二级分类的选择，那么首先来看我为本案例设计的数据库，当然，这并不是本教程的重点，我将直接给出数据库的逻辑结构。

数据表Category：

字段名	类型	默认值	是否为空	备注
CategoryID	自动编号		否	类别编号
CategoryParent	数字	0	否	类别的父类别编号，如果本身就是父类别，则此编号为0
CategoryName	文本		否	类别名称

下面是我输入的一些测试用的数据：

Category
CategoryID	CategoryParent	CategoryName
1	0	书籍
2	0	礼品
3	0	日常用品
4	0	户外用品
5	1	小说
6	1	计算机书籍
7	1	经管书籍
8	2	鲜花</