jquery+json实现数据二级联动的方法
本文实例讲述了jquery+json实现数据二级联动的方法。分享给大家供大家参考,具体如下:
functionGetCityInfo1() { $("#ddlCITY1").empty(); //$("#ddlCOUNTY").empty(); varstrId=$("#ddlPROVINCE1").attr("value"); $('#HiddenPro').val(strId); $.get("../ashx/GetCityInfo.ashx",{ProID:strId,date:newDate().getTime(),proType:"getCity"},function(result) { $("#ddlCITY1").append($("<option></option>").val("0").html("--请选择城市--")); vardatas=eval(result); for(varjindatas) { $("#ddlCITY1").append($("<option></option>").val(datas[j].ccode).html(datas[j].cityname)); } //获取区的信息 //GetCountryInfo(); }); }
后台代码:
if(context.Request.QueryString["ProID"]!=null&&context.Request.QueryString["proType"]!=null) { stringpcode=Convert.ToString(context.Request.QueryString.GetValues("ProID")[0]); stringstrSQL="selectcityname,ccodefromCD_CityInfowherepcode='"+pcode+"'"; //执行T-SQL语句返回DataTable DataTabledt=Snell.SnCode.DataBase.SQLServerHelper.Query(strSQL).Tables[0]; StringBuildersb=newStringBuilder(); sb.Append(CreateJsonParameters(dt)); //根据省份编号获取信息获取信息 if(sb.Length>0) { context.Response.ClearContent(); context.Response.ContentEncoding=System.Text.Encoding.UTF8; context.Response.Write(sb.ToString()); context.Response.End(); } } #region根据Datatable的数据结构转换成json数据 publicstringCreateJsonParameters(DataTabledt) { System.Text.StringBuildersb=newSystem.Text.StringBuilder(); if(dt!=null&&dt.Rows.Count>0) { sb.Append("["); for(inti=0;i<dt.Rows.Count;i++) { sb.Append("{"); for(intj=0;j<dt.Columns.Count;j++) { //如果值不是最后一个则添加逗号分隔 if(j<dt.Columns.Count-1) { sb.Append("\""+dt.Columns[j].ColumnName.ToString()+"\":"+"\""+dt.Rows[i][j].ToString()+"\","); } //如果值为最后个字符则不添加逗号 elseif(j==dt.Columns.Count-1) { sb.Append("\""+dt.Columns[j].ColumnName.ToString()+"\":"+"\""+dt.Rows[i][j].ToString()+"\""); } } //如果为最后一个值的话则不添加逗号 if(i==dt.Rows.Count-1) { sb.Append("}"); } else { sb.Append("},"); } } sb.Append("]"); returnsb.ToString(); } else{returnnull;} } #endregion
希望本文所述对大家jQuery程序设计有所帮助。