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 相关文章推荐
flexigrid 类似ext grid的JS表格代码
Jul 17 Javascript
Package.js  现代化的JavaScript项目make工具
May 23 Javascript
javascript面向对象包装类Class封装类库剖析
Jan 24 Javascript
js 中的switch表达式使用示例
Jun 03 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
May 25 Javascript
jQuery实用技巧必备(下)
Nov 03 Javascript
深入浅析同源策略和跨域访问
Nov 26 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
Mar 21 Javascript
Java设计中的Builder模式的介绍
Mar 22 Javascript
实例详解BootStrap的动态模态框及静态模态框
Aug 13 Javascript
vue输入节流,避免实时请求接口的实例代码
Oct 30 Javascript
JavaScript适配器模式原理与用法实例详解
Mar 09 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对gzip文件或者字符串解压实例参考
2008/07/25 PHP
开启PHP的伪静态模式
2015/12/31 PHP
PHP中类属性与类静态变量的访问方法示例
2016/07/13 PHP
javascript实现验证身份证号的有效性并提示
2015/04/30 Javascript
在for循环中length值是否需要缓存
2015/07/27 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
2015/09/02 Javascript
理解javascript异步编程
2016/01/27 Javascript
原生JS发送异步数据请求
2017/06/08 Javascript
react-native使用react-navigation进行页面跳转导航的示例
2017/09/07 Javascript
对angular4子路由&amp;辅助路由详解
2018/10/09 Javascript
vue中axios请求的封装实例代码
2019/03/23 Javascript
node.js基于dgram数据报模块创建UDP服务器和客户端操作示例
2020/02/12 Javascript
Vue组件简易模拟实现购物车
2020/12/21 Vue.js
python实现爬虫统计学校BBS男女比例之数据处理(三)
2015/12/31 Python
Python下实现的RSA加密/解密及签名/验证功能示例
2017/07/17 Python
django Admin文档生成器使用详解
2019/07/22 Python
python3字符串操作总结
2019/07/24 Python
Python 面向对象部分知识点小结
2020/03/09 Python
Python基于class()实现面向对象原理详解
2020/03/26 Python
Pycharm自带Git实现版本管理的方法步骤
2020/09/18 Python
Python使用grequests并发发送请求的示例
2020/11/05 Python
Urban Outfitters美国官网:美国生活方式品牌
2016/08/26 全球购物
蔻驰法国官网:COACH法国
2018/11/14 全球购物
abstract class和interface有什么区别?
2012/01/03 面试题
播音主持女孩的自我评价分享
2013/11/20 职场文书
上班玩游戏检讨书
2014/02/07 职场文书
公休请假条
2014/04/11 职场文书
酒店周年庆活动方案
2014/08/21 职场文书
领导班子党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
后进基层党组织整改方案
2014/10/25 职场文书
2014年煤矿安全工作总结
2014/12/04 职场文书
同意离婚答辩状
2015/05/22 职场文书
实习证明模板
2015/06/16 职场文书
自己搭建resnet18网络并加载torchvision自带权重的操作
2021/05/13 Python
总结三种用 Python 作为小程序后端的方式
2022/05/02 Python
MySQL批量更新不同表中的数据
2022/05/11 MySQL