jquery+json实现数据二级联动的方法
更新时间:2015年11月28日 15:41:48 作者:happy664618843
这篇文章主要介绍了jquery+json实现数据二级联动的方法,涉及jQuery基于get方法与后台.net程序传输json交互实现二级联动菜单,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jquery+json实现数据二级联动的方法。分享给大家供大家参考,具体如下:
function GetCityInfo1()
{
$("#ddlCITY1").empty();
//$("#ddlCOUNTY").empty();
var strId = $("#ddlPROVINCE1").attr("value");
$('#HiddenPro').val(strId);
$.get("../ashx/GetCityInfo.ashx",{ProID:strId,date:new Date().getTime(),proType:"getCity"},function(result)
{
$("#ddlCITY1").append($("<option></option>").val("0").html("--请选择城市--"));
var datas=eval(result);
for(var j in datas)
{
$("#ddlCITY1").append($("<option></option>").val(datas[j].ccode).html(datas[j].cityname));
}
//获取区的信息
//GetCountryInfo();
});
}
后台代码:
if (context.Request.QueryString["ProID"] != null && context.Request.QueryString["proType"] != null)
{
string pcode = Convert.ToString(context.Request.QueryString.GetValues("ProID")[0]);
string strSQL = "select cityname,ccode from CD_CityInfo where pcode='" + pcode + "' ";
//执行T-SQL语句 返回DataTable
DataTable dt = Snell.SnCode.DataBase.SQLServerHelper.Query(strSQL).Tables[0];
StringBuilder sb = new StringBuilder();
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数据
public string CreateJsonParameters(DataTable dt)
{
System.Text.StringBuilder sb = new System.Text.StringBuilder();
if (dt != null && dt.Rows.Count > 0)
{
sb.Append("[");
for (int i = 0; i < dt.Rows.Count; i++)
{
sb.Append("{");
for (int j = 0; j < dt.Columns.Count; j++)
{
//如果值不是最后一个则添加逗号分隔
if (j < dt.Columns.Count - 1)
{
sb.Append("\"" + dt.Columns[j].ColumnName.ToString() + "\":" + "\"" + dt.Rows[i][j].ToString() + "\",");
}
//如果值为最后个字符则不添加逗号
else if (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("]");
return sb.ToString();
}
else { return null; }
}
#endregion
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
jQuery EasyUI API 中文文档 - PropertyGrid属性表格使用介绍,需要的朋友可以参考下。2011-11-11
使用jquery读取html5 localstorage的值的方法
在HTML 5中,localstorage是个不错的东西,在支持localstorage的浏览器中, 能持久化用户表单的输入,即使关掉浏览器,下次重新打开浏览器访问,也能读出其值,很不错的一个东西,接下来实例介绍,需要的朋友可以参考下2013-01-01
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件echarts实现的循环生成图效果,结合完整实例形式分析了echarts插件循环输出数字图形的实现步骤与相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
这篇文章主要介绍了Spring shiro + bootstrap + jquery.validate 实现登录、注册功能,需要的朋友可以参考下2017-06-06


最新评论