ajax实现的无刷新三级联动

看了一些ajax的文章，也看到啊pan's blog实现的三级现动,就有了动手自已做一下的冲动。试着做了一下，实现如下：
ajax实现的无刷新三级联动

1、新建一项目取名ajaxApp;
2、添加一引用Ajax.dll;(在本文最后有下载)
3、在web.config的<system.web>结点下添加
<httpHandlers>
      <add verb="POST,GET" path="ajax/*.ashx"
          type="Ajax.PageHandlerFactory, Ajax" />
    </httpHandlers>
上面的代码告诉ASP.NET，和指定路径（ajax/*.ashx）匹配的任何请求都由Ajax.PageHandlerFactory而不是默认处理程序工厂来处理。我理解的：这与java应用struts的配置很相似（都是当某个请求符合一定特征就转由某个类来处理）。
4、添加一个类，取名AjaxFunctions.cs;

using System;
ajax实现的无刷新三级联动

using System.Web.UI.WebControls;
ajax实现的无刷新三级联动

using System.Data;
ajax实现的无刷新三级联动

using System.Data.SqlClient;
ajax实现的无刷新三级联动

namespace ajaxApp

5、把WebForm1.aspx删除，新增一web窗体取名叫AreaSelect；
AreaSelect.aspx代码

<%@ Page language="c#" Codebehind="AreaSelect.aspx.cs" AutoEventWireup="false" Inherits="ajaxApp.AreaSelect" %>
ajax实现的无刷新三级联动

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
ajax实现的无刷新三级联动

<HTML>

<HEAD>

<title>AreaSelect</title>
ajax实现的无刷新三级联动

</HEAD>

<body MS_POSITIONING="GridLayout">
ajax实现的无刷新三级联动

<form id="Form1" method="post" runat="server">
ajax实现的无刷新三级联动

<TABLE id="Table1" style="Z-INDEX: 101; LEFT: 8px; POSITION: absolute; TOP: 8px" cellSpacing="1"
ajax实现的无刷新三级联动

cellPadding="1" width="300" border="1">
ajax实现的无刷新三级联动

<TR>

<TD><FONT face="宋体">省份</FONT></TD>
ajax实现的无刷新三级联动

<TD>

<asp:DropDownList id="DropDownList1" runat="server"></asp:DropDownList></TD>
ajax实现的无刷新三级联动

</TR>

<TR>

<TD><FONT face="宋体">市</FONT></TD>
ajax实现的无刷新三级联动

<TD>

<asp:DropDownList id="DropDownList2" runat="server"></asp:DropDownList></TD>
ajax实现的无刷新三级联动

</TR>

<TR>

<TD><FONT face="宋体">县</FONT></TD>
ajax实现的无刷新三级联动

<TD>

<asp:DropDownList id="DropDownList3" runat="server"></asp:DropDownList></TD>
ajax实现的无刷新三级联动

</TR>

</TABLE>

function ddl_getcith(obj)

AreaSelect.aspx.cs代码

using System;
ajax实现的无刷新三级联动

using System.Collections;
ajax实现的无刷新三级联动

using System.ComponentModel;
ajax实现的无刷新三级联动

using System.Data;
ajax实现的无刷新三级联动

using System.Drawing;
ajax实现的无刷新三级联动

using System.Web;
ajax实现的无刷新三级联动

using System.Web.SessionState;
ajax实现的无刷新三级联动

using System.Web.UI;
ajax实现的无刷新三级联动

using System.Web.UI.WebControls;
ajax实现的无刷新三级联动

using System.Web.UI.HtmlControls;
ajax实现的无刷新三级联动

namespace ajaxApp

数据库下载：area.rar
AJAX依靠代理:Ajax.rar
原代码下载：ajaxApp.rar