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 学习笔记 错误处理
Jul 30 Javascript
firefox事件处理之自动查找event的函数(用于onclick=foo())
Aug 05 Javascript
flexigrid 参数说明
Nov 23 Javascript
javascript使用中为什么10..toString()正常而10.toString()出错呢
Jan 11 Javascript
javascript中注册和移除事件的4种方式
Mar 20 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
Sep 09 Javascript
javascript中的3种继承实现方法
Jan 27 Javascript
JavaScript实现Java中Map容器的方法
Oct 09 Javascript
bootstrap输入框组使用方法
Feb 07 Javascript
对于input 框限定输入值为浮点型的js代码
Sep 25 Javascript
浅析Vue 和微信小程序的区别、比较
Aug 03 Javascript
vue this.reload 方法 配置
Sep 12 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
thinkphp模板的包含与渲染实例分析
2014/11/26 PHP
PHP使用array_fill定义多维数组的方法
2015/03/18 PHP
php获取微信基础接口凭证Access_token
2018/08/23 PHP
Laravel监听数据库访问,打印SQL的例子
2019/10/24 PHP
this[] 指的是什么内容 讨论
2007/03/24 Javascript
js身份证验证超强脚本
2008/10/26 Javascript
jquery 查找新建元素代码
2010/07/06 Javascript
JavaScript 拖拽实例代码
2016/09/21 Javascript
node.js利用redis数据库缓存数据的方法
2017/03/01 Javascript
Vue代码分割懒加载的实现方法
2017/11/23 Javascript
nodejs 十六进制字符串型数据与btye型数据相互转换
2018/07/30 NodeJs
vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native
2018/08/25 Javascript
vue-cli的工程模板与构建工具详解
2018/09/27 Javascript
前端Electron新手入门教程详解
2019/06/21 Javascript
基于layui框架响应式布局的一些使用详解
2019/09/16 Javascript
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
使用Python的Twisted框架构建非阻塞下载程序的实例教程
2016/05/25 Python
使用Python3 编写简单信用卡管理程序
2016/12/21 Python
python自动12306抢票软件实现代码
2018/02/24 Python
Flask框架重定向,错误显示,Responses响应及Sessions会话操作示例
2019/08/01 Python
通过python实现windows桌面截图代码实例
2020/01/17 Python
python生成并处理uuid的实现方式
2020/03/03 Python
python代码中怎么换行
2020/06/17 Python
python 判断一组数据是否符合正态分布
2020/09/23 Python
HTML5 Canvas绘制五星红旗
2016/05/04 HTML / CSS
美国最好的保健品打折网店:Swanson
2017/08/04 全球购物
应聘医药销售自荐书范文
2014/02/08 职场文书
《猴子种树》教学反思
2014/02/14 职场文书
任命书模板
2014/06/04 职场文书
人力资源管理专业自荐信
2014/06/24 职场文书
管理失职检讨书
2015/05/05 职场文书
SQL语句中JOIN的用法场景分析
2021/07/25 SQL Server
MySQL悲观锁与乐观锁的实现方案
2021/11/02 MySQL
Python数据可视化之Seaborn的安装及使用
2022/04/19 Python
使用Python开发冰球小游戏
2022/04/30 Python
教你如何用cmd快速登录服务器
2022/06/10 Servers