jQuery+ajax实现无刷新级联菜单示例_jquery

下面是做的一个前台用JQUERY，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("===请选择==="); 
 str.Append(""); 
 
 //循环追加省份下拉项 
 foreach (CasMenuModels.Province p in list) 
 { 
 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(""); 
 } 
 else 
 { 
 List list = new CasMenuBLL.CityManager().GetAllByProId(Convert.ToInt32(str)); //根据省份ID得到城市集合 
 foreach (City c in list) 
 { 
 strCi.Append(""); 
 strCi.Append(c.CityName); 
 strCi.Append(""); 
 } 
 } 
 return strCity = strCi.ToString(); 
 } 
 #endregion 
} 

要注意的地方我都有注释，

当然前台调入后台方法远不止这一种，比如还有AJAXPRO也很好用

以上所述就是本文的全部内容了，希望大家能够喜欢。