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实现控制台控件的代码
Sep 04 Javascript
JavaScript 在各个浏览器中执行的耐性
Apr 06 Javascript
Javascript 代码也可以变得优美的实现方法
Jun 22 Javascript
js取消单选按钮选中示例代码
Nov 14 Javascript
JS函数this的用法实例分析
Feb 05 Javascript
9个让JavaScript调试更简单的Console命令
Nov 14 Javascript
node.js 用socket实现聊天的示例代码
Oct 17 Javascript
详解vue-admin和后端(flask)分离结合的例子
Feb 12 Javascript
node实现登录图片验证码的示例代码
Apr 20 Javascript
在vue项目中正确使用iconfont的方法
Sep 28 Javascript
vue 调用 RESTful风格接口操作
Aug 11 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
Sep 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
封装一个PDO数据库操作类代码
2009/09/09 PHP
新浪微博API开发简介之用户授权(PHP基础篇)
2011/09/25 PHP
php 网上商城促销设计实例代码
2012/02/17 PHP
php中\r \r\n \t的区别示例介绍
2014/02/08 PHP
php单文件版在线代码编辑器
2015/03/12 PHP
php结合正则获取字符串中数字
2015/06/19 PHP
PHP文件上传之多文件上传的实现思路
2016/01/27 PHP
PHP实现阿里大鱼短信验证的实例代码
2017/07/10 PHP
简单实现php上传文件功能
2017/09/21 PHP
PHP实现二维数组按照指定的字段进行排序算法示例
2019/04/23 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
脚本吧 - 幻宇工作室用到js,超强推荐share.js
2006/12/23 Javascript
弹出广告特效代码(一个IP只弹出一次)
2007/05/11 Javascript
js实现倒计时时钟的示例代码
2013/12/17 Javascript
jQuery is()函数用法3例
2014/05/06 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
2014/09/09 Javascript
JS中的Replace方法使用经验分享
2015/05/20 Javascript
详解JavaScript对象和数组
2015/12/03 Javascript
JavaScript小技巧整理篇(非常全)
2016/01/26 Javascript
JS实现数组去重方法总结(六种方法)
2017/07/14 Javascript
浅谈Node框架接入ELK实践总结
2019/02/22 Javascript
2分钟实现一个Vue实时直播系统的示例代码
2020/06/05 Javascript
[10:05]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD 选手采访
2021/03/11 DOTA
wxPython的安装图文教程(Windows)
2017/12/28 Python
对python 各种删除文件失败的处理方式分享
2018/04/24 Python
python中计算一个列表中连续相同的元素个数方法
2018/06/29 Python
总结Pyinstaller的坑及终极解决方法(小结)
2020/09/21 Python
系统管理员的职责包括那些?管理的对象是什么?
2016/09/20 面试题
婚前协议书怎么写
2014/04/15 职场文书
组工干部对照检查材料
2014/08/25 职场文书
教师个人自我剖析材料
2014/09/29 职场文书
道歉信范文
2015/05/12 职场文书
陈斌强事迹观后感
2015/06/17 职场文书
运动会开幕式通讯稿
2015/07/18 职场文书
使用jpa之动态插入与修改(重写save)
2021/11/23 Java/Android
Redis超详细讲解高可用主从复制基础与哨兵模式方案
2022/04/07 Redis