前台JS(jquery ajax)调用后台方法实现无刷新级联菜单示例

前台用AJAX直接调用后台方法，老有人发帖提问，没事做个示例
CasMenu.aspx页面：
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_Default" %>












CasMenu.aspx.cs
复制代码 代码如下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using CasMenuModels;
using CasMenuBLL;
using System.Text;
public partial class _Default : System.Web.UI.Page
{
public static string strPro = string.Empty; //省份下拉项
public static string strCity = string.Empty; //城市下拉项
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
}
ShowPro();
}
#region##省份下拉列表框
///

/// 省份下拉列表框
///

///
public string ShowPro()
{
StringBuilder str = new StringBuilder(); //得到所有省份集合
List list = new CasMenuBLL.ProvinceManager().GetAllProvince(); //添加一个初始项
str.Append("str.Append("0");
str.Append("">");
str.Append("===请选择===");
str.Append("");
//循环追加省份下拉项
foreach (CasMenuModels.Province p in list)
{
str.Append("str.Append(p.ProvinceId);
str.Append("">");
str.Append(p.ProvinceName);
str.Append("");
}
return strPro = str.ToString();
}
#endregion #region##城市下拉列表框
///

/// 城市下拉列表框
///

///省份ID
///
[System.Web.Services.WebMethod()]
public static string ShowCity(string str) //方法是静态的
{
StringBuilder strCi = new StringBuilder();
if (str == "0") //为初始项
{
strCi.Append("strCi.Append("请选择");
strCi.Append("">");
strCi.Append("请选择");
strCi.Append("");
}
else
{
List list = new CasMenuBLL.CityManager().GetAllByProId(Convert.ToInt32(str)); //根据省份ID得到城市集合
foreach (City c in list)
{
strCi.Append("strCi.Append(c.CityId);
strCi.Append("">");
strCi.Append(c.CityName);
strCi.Append("");
}
}
return strCity = strCi.ToString();
}
#endregion
}

要注意的地方我都有注释，
当然前台调入后台方法远不止这一种，比如还有AJAXPRO也很好用
源码下载