2023年三级联动使用Jquery实现城市三级数据联动的实例.docx

《2023年三级联动使用Jquery实现城市三级数据联动的实例.docx》由会员分享，可在线阅读，更多相关《2023年三级联动使用Jquery实现城市三级数据联动的实例.docx（10页珍藏版）》请在第一文库网上搜索。

1、三级联动使用JqUery实现城市三级数据联动的实例.txt21春暖花会开!假如你曾经历过冬天,那么你就会有春色！假如你有着信念,那么春天一定会遥远;假如你正在付出，那么总有一天你会拥有花开满圆。使用JqUeD实现城市三级数据联动的实例View:$(document).ready(function()GetByJquery();$(#dd1Province*).change(function0GetCity()：$(#dd1Cityz,).change(function()GetDistrict();)；functionGetByJquery()$Cftdd1Province).empty();

2、清空省份SE1ECT控件$.getJSON(z,ajaxGetProvince1ist”,function(data)$.each(data,function(i,item)$(,).va1(itemProvinceID).text(itemxzProvinceName*).appendTo($(#ddIProvince,)；)；GetCity();)；functionGetCityO$Cftdd1City,).emptyO;清空城市SE1ECT控件varur1=ajaxGetCity1iSt*+$(#dd!Province*).va1();$.getjSON(ur1,funetion(dat

3、a)$.each(data,function(i,item)$(z,).va1(itemCityID).text(itemCityName).appendTo($(#dd1City);)；GetDistrictO;J);)functionGetDistrict()$C#dd1District).empty()；/清空市区SE1ECT控件VarUr1=z,ajaxGetDistrict1ist,+$(#dd1City).va1();$.getJSON(ur1,function(data)$.each(data,function(i,item)$(*).va1(itemz,District1Dz,

4、).text(item,zDistrictNamez).appendTo($(,ttdd1District*);););Contro11er：usingSystem;usingSystem.Co11ections.Generic;usingSystem.1inq；usingSystem.Web;usingSystem.Web.Mvc；usingSystem.Web.Mvc.Ajax;nameSpaceMvcBBS.Contro11ers(pub1iec1assAjaxContro11er：Contro11er(/GET：/Ajax/获取所有省份数据/pub1icActionResuItGetP

5、rovince1ist()if(!Request.IsAjaxRequest()returnCon1enI(请不要非法方法,这是不道德的行为！);)B11.Provinceb11=newMvcBBS.B11.Province();1istmode11ist=b11.GetProvince1ist();returnJson(mode11ist);)/III获取某省份的所有城市数据/pub1icActionResuItGetCity1ist(intid)(if(!Request.IsAjaxRequest()(returnContent(请不要非法方法,这是不道德的行为！”);B11.PrOvin

6、ceb11=newMveBBS.B11.Province();1istmode11ist=b11.GetCity1ist(id);returnJson(mode11ist);I11III获取某城市的所有市区数据/Pub1icActiOnResu1tGetDistrict1ist(intid)if(!Request.TsAjaxRequest()returnCOntent(请不要非法方法,这是不道德的行为！);B11.Provinceb11=newMvcBBS.B11.Provinee();1istmode11ist=b11.GetDistrict(id);returnJson(mode11is

7、t)；我比较喜欢使用三层+工厂模式来读写数据，0/RMapping不太适合我的规定！我们写的项目经常不是为了方便移植,而是选择明确的数据库,需要更高的性能,更强的业务逻辑!大家看到上面的代码，应当很熟悉,从数据库读数据到1iSt中返回，并使有ASP.NETMYC内置的Json方法转换数据并Response.DA1:/B11,Mode1就不贴出来了!usingSystem：usingSystem.Data;usingSystem.Text;usingSystem.Data.Sq1CIient;usingSystem.Co11ections.Generic；usingDBUti1ity;请先添加引

8、用namespaceMvcBBS.DA1(pubIicc1assProvince(pub1icProvinceOO/获取所有省份数据IIIIIIPub1ie1istGetProvinee1ist()(StringBui1derstrSq1=newStringBui1der()；strSq1.AppendCzSE1ECTProvinceID,ProvinceName);StrSq1APPend(FROMS_Province);1istmode11ist=new1ist();Sq1DataReaderdr=DbHeIperSQ1.ExecuteReader(strSq1.TOString();wh

9、i1e(dr.Read()Mode1.S_Provincemode1=newMvcBBS.Mode1.S_ProvinceO;_mode1.ProvinceID=int.Parse(drzzProvinceIDz,.ToString();_mode1.ProvinceName=dr.GetString(1);mode11ist.Add(mode1);dr.C1ose();returnmodeI1ist；)/获取某省份的所有城市数据/III/pub1ic1istGetCity1ist(intProvinceID)(StringBui1derstrSq1=newStringBui1der()；st

10、rSq1.Append(zzSE1ECTCity1D,CityName,ZipCode);strSq1.APPend(FROMS_City)；StrSq1.APPend(WHEREProvinceID=);strSq1.Append(Province1D.ToString();1istmode11ist=new1ist();Sq1DataReaderdr=DbHe1perSQ1.ExecuteReader(strSq1.ToString();whi1e(dr.Read()(Mode1.SCitymode1=newMvcBBS.Mode1.S_City();_mode1.CityID=int.P

11、arse(drz/CityID.ToStringO);_mode1.CityName=dr.GetString(1)：_mode1.ZipCode=dr.GetString(2);_mode1.ProvinceTD=ProvineeID;mode11ist.Add(_mode1);)dr.C1ose();returnmode11ist;IIIIII获取某城市的所有市区III/pub1ic1istGetDistrict(intCityID)StringBui1derstrSq1=newStringBuider()；strSq1.Append(,SE1ECTDistrictID,DistrictN

12、amez,);strSq1ApPend(FROMS_District);StrSq1.APPerK1(WHERECityID=);strSq1.Append(City1D.ToStringO)；1istmodeI1ist=new1ist();Sq1DataReacierdr=DbIIe1perSQ1.ExecuteReader(strSq1.ToString();whi1e(dr.Read()Mode1.SDistriet_mode1=newMvcBBS.Mode1.SDistrict();mode1.DistrictID=int.Parse(drz,DistrictID,z.ToStringO);_mode1.DistrictName=dr.GetString(1);_mode1.City1D=CityID;modeI1ist.Add(mode1);)dr.C1oseO;returnmode11ist；)