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 相关文章推荐
不能再简单的无闪刷新验证码原理很简单
Nov 05 Javascript
javascript 兼容FF的onmouseenter和onmouseleave的代码
Jul 19 Javascript
网页开发中的容易忽略的问题 javascript HTML中的table
Apr 15 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
Jun 20 Javascript
原生js实现模拟滚动条
Jun 15 Javascript
jQuery获取某天的农历日期并判断是否除夕或新年的方法
Mar 01 Javascript
AngularJS指令用法详解
Nov 02 Javascript
Vue侦测相关api的实现方法
May 22 Javascript
vuejs+element UI table表格中实现禁用部分复选框的方法
Sep 20 Javascript
OpenLayers3加载常用控件使用方法详解
Sep 25 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
Oct 02 Javascript
Vue指令实现OutClick的示例
Nov 16 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 curl的深入解析
2013/06/02 PHP
基于PHP常用字符串的总结(待续)
2013/06/07 PHP
PHP使用ODBC连接数据库的方法
2015/07/18 PHP
[原创]PHP简单开启curl的方法(测试可行)
2016/01/11 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
javascript操作cookie的文章(设置,删除cookies)
2010/04/01 Javascript
JavaScript实现页面滚动图片加载(仿lazyload效果)
2011/07/22 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
2013/08/29 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
2014/01/09 Javascript
jQuery循环滚动新闻列表示例代码
2014/06/17 Javascript
JavaScript中join()方法的使用简介
2015/06/09 Javascript
Javascript实现div的toggle效果实例分析
2015/06/09 Javascript
黑帽seo劫持程序,js劫持搜索引擎代码
2015/09/15 Javascript
学习javascript面向对象 理解javascript原型和原型链
2016/01/04 Javascript
基于JS实现的随机数字抽签实例
2016/12/08 Javascript
jquery拼接ajax 的json和字符串拼接的方法
2017/03/11 Javascript
移动端利用H5实现压缩图片上传功能
2017/03/29 Javascript
静态页面实现 include 引入公用代码的示例
2017/09/25 Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
2018/08/25 Javascript
浅析Vue中拆分视图层代码的5点建议
2019/08/15 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
2020/04/22 Javascript
python复制与引用用法分析
2015/04/08 Python
python 添加用户设置密码并发邮件给root用户
2016/07/25 Python
Python中elasticsearch插入和更新数据的实现方法
2018/04/01 Python
详解python爬虫系列之初识爬虫
2019/04/06 Python
利用python和百度地图API实现数据地图标注的方法
2019/05/13 Python
pytorch 模型可视化的例子
2019/08/17 Python
html5手机键盘弹出收起的处理
2020/01/20 HTML / CSS
皮尔·卡丹巴西官方商店:Pierre Cardin
2017/07/21 全球购物
Lowe’s加拿大:家居装修、翻新和五金店
2019/12/06 全球购物
初中生期末考试的自我评价
2013/12/17 职场文书
2014入党积极分子批评与自我批评思想汇报
2014/09/20 职场文书
领导欢迎词致辞
2015/01/23 职场文书
工程部主管岗位职责
2015/02/12 职场文书
小学生五一劳动节演讲稿
2015/03/18 职场文书
2019最新激励员工口号大全!
2019/06/28 职场文书