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中for..in循环陷阱介绍
Nov 12 Javascript
JavaScript数组Array对象增加和删除元素方法总结
Jan 20 Javascript
浅谈javascript属性onresize
Apr 20 Javascript
javascript的BOM
May 03 Javascript
JQuery遍历元素的后代和同胞实现方法
Sep 18 Javascript
js实现兼容PC端和移动端滑块拖动选择数字效果
Feb 16 Javascript
利用纯JS实现像素逐渐显示的方法示例
Aug 14 Javascript
表格展示利器 Bootstrap Table实例代码
Sep 06 Javascript
实例教学如何写vue插件
Nov 30 Javascript
禁止弹窗中蒙层底部页面跟随滚动的几种方法
Dec 07 Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
Mar 05 Javascript
使用Sonarqube扫描Javascript代码的示例
Dec 26 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判断字符以及字符串的包含方法属性
2008/08/30 PHP
php 去除html标记--strip_tags与htmlspecialchars的区别详解
2013/06/26 PHP
php用wangeditor3实现图片上传功能
2019/08/22 PHP
Javascript技术技巧大全(五)
2007/01/22 Javascript
摘自启点的main.js
2008/04/20 Javascript
基于JQuery的简单实现折叠菜单代码
2010/09/15 Javascript
javascript使用activex控件的代码
2011/01/27 Javascript
表单JS弹出填写提示效果代码
2011/04/16 Javascript
Jquery绑定事件(bind和live的区别介绍)
2013/08/23 Javascript
js类式继承与原型式继承详解
2016/04/07 Javascript
AngularJS控制器之间的通信方式详解
2016/11/03 Javascript
基于jQuery实现弹幕APP
2017/02/10 Javascript
jQuery输入框密码的显示隐藏【代码分享】
2017/04/29 jQuery
详解win7 cmd执行vue不是内部命令的解决方法
2017/07/27 Javascript
vue使用axios实现文件上传进度的实时更新详解
2017/12/20 Javascript
解决vue中使用swiper插件问题及swiper在vue中的用法
2018/04/04 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
2018/04/26 Javascript
[37:45]完美世界DOTA2联赛PWL S3 LBZS vs Phoenix 第二场 12.09
2020/12/11 DOTA
python读文件逐行处理的示例代码分享
2013/12/27 Python
python爬虫教程之爬取百度贴吧并下载的示例
2014/03/07 Python
python实现的希尔排序算法实例
2015/07/01 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
keras 特征图可视化实例(中间层)
2020/01/24 Python
python输出第n个默尼森数的实现示例
2020/03/08 Python
Python3 io文本及原始流I/O工具用法详解
2020/03/23 Python
python with语句的原理与用法详解
2020/03/30 Python
python3中编码获取网页的实例方法
2020/11/16 Python
scrapy处理python爬虫调度详解
2020/11/23 Python
详解CSS3 用border写 空心三角箭头 (两种写法)
2017/09/29 HTML / CSS
一款纯css3实现的tab选项卡的实列教程
2014/12/11 HTML / CSS
学生爱国演讲稿
2014/01/14 职场文书
《木笛》教学反思
2014/03/01 职场文书
物业工程部经理岗位职责
2015/04/09 职场文书
篮球赛新闻稿
2015/07/17 职场文书
Redisson实现Redis分布式锁的几种方式
2021/08/07 Redis
MySQL提取JSON字段数据实现查询
2022/04/22 MySQL