怎么用ajax实现3级联动,三级联动-使用Jquery实现城市三级数据联动的实例

《三级联动-使用Jquery实现城市三级数据联动的实例》由会员分享，可在线阅读，更多相关《三级联动-使用Jquery实现城市三级数据联动的实例(5页珍藏版)》请在人人文库网上搜索。

1、三级联动 使用 Jquery 实现城市三级数据联动的实例 .txt21 春暖花会开！ 如果你曾经历过冬 天，那么你就会有春色！如果你有着信念，那么春天一定会遥远；如果你正在付出，那么总 有一天你会拥有花开满圆。使用 Jquery 实现城市三级数据联动的实例 View: $(document).ready(function() GetByJquery(); $(#ddlProvince).change(function() GetCity() ); $(#ddlCity).change(function() GetDistrict() ); ); function GetByJquery() $。

2、(”#ddlProvince).empty(); /清空省份 SELECT控件 $.getJSON(/ajax/GetProvinceList, function(data) $.each(data, function(i, item) $() .val(itemProvinceID) .text(itemProvinceName) .appendTo($(#ddlProvince); ); GetCity(); ); function GetCity() $(#ddlCity).empty(); /清空城市 SELECT控件 var url =/ajax/GetCityList/ + $(#。

3、ddlProvince).val(); $.getJSON(url, function(data) $.each(data, function(i, item) $() .val(itemCityID) .text(itemCityName) .appendTo($(#ddlCity); ); GetDistrict(); ); function GetDistrict() $(”#ddlDistrict).empty(); /清空市区 SELECT控件 var url = /ajax/GetDistrictList/ + $(#ddlCity).val(); $.getJSON(url, f。

4、unction(data) $.each(data, function(i, item) $() .val(itemDistrictID) .text(itemDistrictName) .appendTo($(#ddlDistrict); ); ); Controller : using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.Web.Mvc.Ajax; namespace MvcBBS.Controlle。

5、rs public class AjaxController : Controller / / GET: /Ajax/ / / 获取所有省份数据 / public ActionResult GetProvinceList() if (!Request.IsAjaxRequest() 请不要非法方法 , 这是不道德的行为！ ); return Content( BLL.Province bll = new MvcBBS.BLL.Province(); List modellist = bll.GetProvinceList(); return Json(modellist); / / 获取某省份。

6、的所有城市数据 / public ActionResult GetCityList(int id) if (!Request.IsAjaxRequest() return Content( 请不要非法方法 , 这是不道德的行为！ ); BLL.Province bll = new MvcBBS.BLL.Province(); List modellist = bll.GetCityList(id); return Json(modellist); / / 获取某城市的所有市区数据 / public ActionResult GetDistrictList(int id) if (!Reques。

7、t.IsAjaxRequest() return Content( 请不要非法方法 , 这是不道德的行为！ ); BLL.Province bll = new MvcBBS.BLL.Province(); List modellist = bll.GetDistrict(id); return Json(modellist); 我比较喜欢使用三层工厂模式来读写数据， O/R Mapping 不太适合我的要求！我们写的项 目经常不是为了方便移植，而是选择明确的数据库，需要更高的性能，更强的业务逻辑！大 家看到上面的代码，应该很熟悉，从数据库读数据到List中返回，并使有 ASP.NETMVC内 。

8、置的 Json 方法转换数据并 Response DAL: / BLL,Model 就不贴出来了！ using System; using System.Data; using System.Text; using System.Data.SqlClient; using System.Collections.Generic; using DBUtility; /请先添加引用 namespace MvcBBS.DAL public class Province public Province() / / 获取所有省份数据 / / public List GetProvinceList() St。

9、ringBuilder strSql = new StringBuilder(); strSql.Append(SELECT ProvinceID,ProvinceName ); strSql.Append( FROM S_Province ); new List modelList List(); SqlDataReader dr = DbHelperSQL.ExecuteReader(strSql.ToString(); while (dr.Read() Model.S_Province _model = new MvcBBS.Model.S_Province(); _model.Prov。

10、inceID = int.Parse(drProvinceID.ToString(); _model.ProvinceName = dr.GetString(1); modelList.Add(_model); dr.Close(); return modelList; / / 获取某省份的所有城市数据 / / / public List GetCityList(int ProvinceID) StringBuilder strSql = new StringBuilder(); strSql.Append(SELECT CityID,CityName,ZipCode); strSql.App。

11、end( FROM S_City ); strSql.Append( WHERE ProvinceID=); strSql.Append(ProvinceID.ToString(); List modelList = new List(); SqlDataReader dr = DbHelperSQL.ExecuteReader(strSql.ToString(); while (dr.Read() Model.S_City _model = new MvcBBS.Model.S_City(); _model.CityID = int.Parse(drCityID.ToString(); _m。

12、odel.CityName = dr.GetString(1); _model.ZipCode = dr.GetString(2); _model.ProvinceID = ProvinceID; modelList.Add(_model); dr.Close(); return modelList; / / 获取某城市的所有市区 / / / public List GetDistrict(int CityID) StringBuilder strSql = new StringBuilder(); strSql.Append(SELECT DistrictID,DistrictName); 。

13、strSql.Append( FROM S_District ); strSql.Append( WHERE CityID=); strSql.Append(CityID.ToString(); new List modelList List(); SqlDataReader dr = DbHelperSQL.ExecuteReader(strSql.ToString(); while (dr.Read() Model.S_District _model = new MvcBBS.Model.S_District(); _model.DistrictID = int.Parse(drDistrictID.ToString(); _model.DistrictName = dr.GetString(1); _model.CityID = CityID; modelList.Add(_model); dr.Close(); return modelList;。