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 相关文章推荐
使用prototype.js进行异步操作
Feb 07 Javascript
在js中使用&quot;with&quot;语句中跨frame的变量引用问题
Mar 08 Javascript
jQuery的.live()和.die() 使用介绍
Sep 10 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
Sep 06 Javascript
使用jQuery解决IE与FireFox下createElement方法的差异
Nov 14 Javascript
java和javascript获取word文档的书签位置对比
Jun 19 Javascript
JavaScript File分段上传
Mar 10 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
Nov 22 Javascript
关于Node.js的events.EventEmitter用法介绍
Apr 01 Javascript
vant中的toast层级改变操作
Nov 04 Javascript
vant组件中 dialog的确认按钮的回调事件操作
Nov 04 Javascript
避坑之 JavaScript 中的toFixed()和正则表达式
Apr 19 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-5.2 的 php.ini 中文版[金步国翻译]
2011/04/17 PHP
php实现图片缩放功能类
2013/12/18 PHP
php简单获取复选框值的方法
2016/05/11 PHP
PHP随机数函数rand()与mt_rand()的讲解
2019/03/25 PHP
JavaScript中的私有成员
2006/09/18 Javascript
基于jQuery的左右滚动实现代码
2010/12/03 Javascript
chrome不支持form.submit的解决方案
2015/04/28 Javascript
浅谈js键盘事件全面控制
2016/12/01 Javascript
react系列从零开始_简单谈谈react
2017/07/06 Javascript
微信小程序实现的动态设置导航栏标题功能示例
2019/01/31 Javascript
基于JS开发微信网页录音功能的实例代码
2019/04/30 Javascript
vue中echarts引入中国地图的案例
2020/07/28 Javascript
[05:08]顺网杯ISS-DOTA2赛歌 少女偶像Lunar青春演绎
2013/12/05 DOTA
[02:27]《DAC最前线》之附加赛征程
2015/01/29 DOTA
[49:18]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 OG vs TNC
2018/04/01 DOTA
python 判断文件还是文件夹的简单实例
2019/06/10 Python
Python制作词云图代码实例
2019/09/09 Python
安装PyInstaller失败问题解决
2019/12/14 Python
Transpose 数组行列转置的限制方式
2020/02/11 Python
使用Python防止SQL注入攻击的实现示例
2020/05/21 Python
python使用requests库爬取拉勾网招聘信息的实现
2020/11/20 Python
印度最大的酒店品牌网络:OYO Rooms
2016/07/24 全球购物
Nike西班牙官方网站:Nike.com (ES)
2017/10/30 全球购物
日本最大的购物网站:日本乐天市场(Rakuten Ichiba)
2020/11/04 全球购物
2014年综治宣传月活动总结
2014/04/28 职场文书
责任书格式范文
2014/07/28 职场文书
领导班子奢靡之风查摆问题及整改措施
2014/09/27 职场文书
致800米运动员广播稿(10篇)
2014/10/17 职场文书
青年文明号汇报材料
2014/12/23 职场文书
解除同居协议书
2015/01/29 职场文书
详解如何在Canvas中添加事件的方法
2021/04/17 Javascript
JS Canvas接口和动画效果大全
2021/04/29 Javascript
Redis中一个String类型引发的惨案
2021/07/25 Redis
用python基于appium模块开发一个自动收取能量的小助手
2021/09/25 Python
Windows Server 2019 配置远程控制以及管理方法
2022/04/28 Servers
Win10加载疑难解答时出错发生意外错误的解决方法
2022/07/07 数码科技