jquery+json实现数据二级联动的方法


Posted in Javascript onNovember 28, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
权威JavaScript 中的内存泄露模式
Aug 13 Javascript
js 浏览器事件介绍
Mar 30 Javascript
jquery获取一个元素下面相同子元素的个数代码
Jul 31 Javascript
动态创建按钮的JavaScript代码
Jan 29 Javascript
easyUI combobox实现联动效果
Jan 17 Javascript
jQuery.cookie.js使用方法及相关参数解释
Mar 06 Javascript
React复制到剪贴板的示例代码
Aug 22 Javascript
JavaScript如何获取到导航条中HTTP信息
Oct 10 Javascript
Vue封装Swiper实现图片轮播效果
Feb 06 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
Dec 30 Javascript
vue自定义指令的创建和使用方法实例分析
Dec 04 Javascript
ES6 Symbol在对象中的作用实例分析
Jun 06 Javascript
JavaScript实现页面跳转的几种常用方式
Nov 28 #Javascript
Javascript页面跳转常见实现方式汇总
Nov 28 #Javascript
Javascript编程之继承实例汇总
Nov 28 #Javascript
Javascript编程中几种继承方式比较分析
Nov 28 #Javascript
详解JavaScript的变量和数据类型
Nov 27 #Javascript
详解基于Bootstrap扁平化的后台框架Ace
Nov 27 #Javascript
Bootstrap精简教程
Nov 27 #Javascript
You might like
PHP中file_exists()判断中文文件名无效的解决方法
2014/11/12 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
JavaScript 编程引入命名空间的方法与代码
2007/08/13 Javascript
Js 弹出框口并返回值的两种常用方法
2010/12/30 Javascript
新发现一个骗链接的方法(js读取cookies)
2012/01/11 Javascript
JavaScript SetInterval与setTimeout使用方法详解
2013/11/15 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
2014/11/23 Javascript
js控制网页背景音乐播放与停止的方法
2015/02/06 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
AngularJs IE Compatibility 兼容老版本IE
2016/09/01 Javascript
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
2017/02/08 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
[52:41]OG vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/20 DOTA
[02:11]完美世界DOTA2联赛10月28日赛事精彩集锦:来吧展示实力强劲
2020/10/29 DOTA
Python实现桶排序与快速排序算法结合应用示例
2017/11/22 Python
遗传算法python版
2018/03/19 Python
用Python下载一个网页保存为本地的HTML文件实例
2018/05/21 Python
Python实现的本地文件搜索功能示例【测试可用】
2018/05/30 Python
python面试题Python2.x和Python3.x的区别
2019/05/28 Python
使用Python实现文字转语音并生成wav文件的例子
2019/08/08 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
用Python去除图像的黑色或白色背景实例
2019/12/12 Python
AUC计算方法与Python实现代码
2020/02/28 Python
python中的selenium安装的步骤(浏览器自动化测试框架)
2020/03/17 Python
Python如何省略括号方法详解
2020/03/21 Python
基于plt.title无法显示中文的快速解决
2020/05/16 Python
Python数据可视化常用4大绘图库原理详解
2020/10/23 Python
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
2019/04/26 HTML / CSS
露营世界:Camping World
2017/02/02 全球购物
高中军训感言500字
2014/02/24 职场文书
土木工程专业本科生求职信
2014/10/01 职场文书
3.15消费者权益日活动总结
2015/02/09 职场文书
篮球赛闭幕式主持词
2015/07/03 职场文书
nginx处理http请求实现过程解析
2021/03/31 Servers
Pytest中skip skipif跳过用例详解
2021/06/30 Python
解决springboot druid数据库连接失败后一直重连的方法
2022/04/19 Java/Android