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 相关文章推荐
js 点击页面其他地方关闭弹出层(示例代码)
Dec 24 Javascript
jquery阻止后续事件只执行第一个事件
Jul 24 Javascript
JavaScript中将数组进行合并的基本方法讲解
Mar 07 Javascript
echarts3 使用总结(绘制各种图表,地图)
Jan 05 Javascript
jQuery验证表单格式的使用方法
Jan 10 Javascript
解决vue中使用Axios调用接口时出现的ie数据处理问题
Aug 13 Javascript
electron + vue项目实现打印小票功能及实现代码
Nov 25 Javascript
jQuery点击页面其他部分隐藏下拉菜单功能
Nov 27 jQuery
javascript获取select值的方法完整实例
Jun 20 Javascript
移动端手指操控左右滑动的菜单
Sep 08 Javascript
js HTML DOM EventListener功能与用法实例分析
Apr 27 Javascript
js仿淘宝放大镜效果
Dec 28 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的博客ping服务代码
2012/02/04 PHP
php中如何使对象可以像数组一样进行foreach循环
2013/08/09 PHP
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
jQuery 跨域访问问题解决方法
2009/12/02 Javascript
JavaScript编程中实现对象封装特性的实例讲解
2016/06/24 Javascript
jQuery插件Validation快速完成表单验证的方式
2016/07/28 Javascript
旺旺在线客服代码 旺旺客服代码生成器
2018/01/09 Javascript
详解webpack多页面配置记录
2018/01/22 Javascript
Vue实现侧边菜单栏手风琴效果实例代码
2018/05/31 Javascript
VUE DOM加载后执行自定义事件的方法
2018/09/07 Javascript
nodejs npm错误Error:UNKNOWN:unknown error,mkdir 'D:\Develop\nodejs\node_global'at Error
2019/03/02 NodeJs
layui实现鼠标移动到单元格上显示数据的方法
2019/09/11 Javascript
vue-cli设置css不生效的解决方法
2020/02/07 Javascript
利用JS判断元素是否为数组的方法示例
2021/01/08 Javascript
浅析Python中的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
如何用python写一个简单的词法分析器
2018/12/18 Python
Python时间序列处理之ARIMA模型的使用讲解
2019/04/02 Python
python 判断linux进程,并杀死进程的实现方法
2019/07/01 Python
Python简单处理坐标排序问题示例
2019/07/11 Python
python实现将文件夹内的每张图片批量分割成多张
2019/07/22 Python
OpenCV+Python3.5 简易手势识别的实现
2020/12/21 Python
AE美国鹰日本官方网站: American Eagle Outfitters
2016/12/10 全球购物
美国最大的家庭鞋类零售商之一:Shoe Carnival
2017/10/06 全球购物
幼儿园新学期寄语
2014/01/18 职场文书
学校安全生产月活动总结
2014/07/05 职场文书
法人代表证明书
2014/09/18 职场文书
国家领导干部党的群众路线教育实践活动批评与自我批评材料
2014/09/23 职场文书
教师个人自我评价
2015/03/04 职场文书
护士自荐信范文
2015/03/25 职场文书
借钱欠条怎么写
2015/07/03 职场文书
情况说明书怎么写
2015/10/08 职场文书
某某店铺的开业庆典主持词范本
2019/11/25 职场文书
Python通过m3u8文件下载合并ts视频的操作
2021/04/16 Python
SpringBoot集成Druid连接池连接MySQL8.0.11
2021/07/02 Java/Android
JavaScript中时间格式化新思路toLocaleString()
2021/11/07 Javascript
Mysql多层子查询示例代码(收藏夹案例)
2022/03/31 MySQL