jquery+json實現(xiàn)數(shù)據(jù)二級聯(lián)動的方法
本文實例講述了jquery+json實現(xiàn)數(shù)據(jù)二級聯(lián)動的方法。分享給大家供大家參考,具體如下:
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));
}
//獲取區(qū)的信息
//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 + "' ";
//執(zhí)行T-SQL語句 返回DataTable
DataTable dt = Snell.SnCode.DataBase.SQLServerHelper.Query(strSQL).Tables[0];
StringBuilder sb = new StringBuilder();
sb.Append(CreateJsonParameters(dt));
//根據(jù)省份編號獲取信息 獲取信息
if (sb.Length > 0)
{
context.Response.ClearContent();
context.Response.ContentEncoding = System.Text.Encoding.UTF8;
context.Response.Write(sb.ToString());
context.Response.End();
}
}
#region 根據(jù)Datatable的數(shù)據(jù)結(jié)構(gòu)轉(zhuǎn)換成json數(shù)據(jù)
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程序設(shè)計有所幫助。
相關(guān)文章
基于jQuery和CSS3制作響應(yīng)式水平時間軸附源碼下載
我們經(jīng)??吹接泻芏嗟拇怪睍r間軸用來記錄事件進展,而有朋友問我要求分享水平的時間軸,其實水平時間軸的難點在于自適應(yīng)屏幕尺寸。那么 今天我要給大家分享的是一款支持響應(yīng)式、支持觸屏手勢滑動的水平時間軸2015-12-12
jQuery實現(xiàn)的鼠標(biāo)響應(yīng)緩沖動畫效果示例
這篇文章主要介紹了jQuery實現(xiàn)的鼠標(biāo)響應(yīng)緩沖動畫效果,涉及jQuery事件響應(yīng)、數(shù)值運算及頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2018-02-02
jQuery EasyUI API 中文文檔 - PropertyGrid屬性表格
jQuery EasyUI API 中文文檔 - PropertyGrid屬性表格使用介紹,需要的朋友可以參考下。2011-11-11
使用jquery讀取html5 localstorage的值的方法
在HTML 5中,localstorage是個不錯的東西,在支持localstorage的瀏覽器中, 能持久化用戶表單的輸入,即使關(guān)掉瀏覽器,下次重新打開瀏覽器訪問,也能讀出其值,很不錯的一個東西,接下來實例介紹,需要的朋友可以參考下2013-01-01
jQuery實現(xiàn)搜索頁面關(guān)鍵字的功能
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)搜索頁面關(guān)鍵字的功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02
jQuery插件echarts實現(xiàn)的循環(huán)生成圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實現(xiàn)的循環(huán)生成圖效果,結(jié)合完整實例形式分析了echarts插件循環(huán)輸出數(shù)字圖形的實現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
Spring shiro + bootstrap + jquery.validate 實現(xiàn)登錄、注冊功能
這篇文章主要介紹了Spring shiro + bootstrap + jquery.validate 實現(xiàn)登錄、注冊功能,需要的朋友可以參考下2017-06-06

