ASP.NET - JQuery的.getJSON给Dropdownlist绑定Item
http://www.cnblogs.com/Mac_Hui/archive/2010/07/27/1785864.html
1、首先建立以个.ashx文件(Generic Handler),在此文件中生成JSON数据。
using System; using System.Web; using System.Data; using System.Text;public class EmployeeLoad : IHttpHandler {public void ProcessRequest (HttpContext context) {StringBuilder sb = new StringBuilder();DataTable dt = new DataTable();dt = FetchEmployeeInfo().Tables[0];if (dt == null)return;if (dt.Rows.Count == 0){return;}else{ sb.Append("["); for(int i=0;i<dt.Rows.Count;i++){sb.Append("{\"ID\":\"" + dt.Rows[i]["ID"].ToString() + "\",\"Name\":\"" + dt.Rows[i]["Name"].ToString() + "\",\"Age\":" + dt.Rows[i]["Age"].ToString() + ",\"Tel\":\"" + dt.Rows[i]["Tel"].ToString() + "\"},");}sb.Remove(sb.Length - 1, 1);sb.Append("]");}context.Response.ContentType = "application/json";context.Response.ContentEncoding = Encoding.UTF8;context.Response.Write(sb.ToString());}public bool IsReusable {get {return false;}}public DataSet FetchEmployeeInfo(){DataSet ds = new DataSet();DataTable dt = new DataTable();dt.Columns.Add("ID", typeof(string));dt.Columns.Add("Name", typeof(string));dt.Columns.Add("Age", typeof(int));dt.Columns.Add("Tel", typeof(string));//DataRow dr; DataRow dr = dt.NewRow();dr["ID"] = "1111";dr["Name"] = "Jim Hui";dr["Age"] = 29;dr["Tel"] = "15962557701";dt.Rows.Add(dr);dr = dt.NewRow();dr["ID"] = "2222";dr["Name"] = "Kevin Lee";dr["Age"] = 35;dr["Tel"] = "15962557702";dt.Rows.Add(dr);ds.Tables.Add(dt);return ds;}}
2、其次在前台调用ashx文件中生成的数据
<script type="text/javascript" src="JavaScript/jquery-1.3.2.js"></script><script language="javascript" type="text/javascript">$(document).ready(function(){BindDropDownList(); });function BindDropDownList(){$("#DropDownList1").html(""); $.getJSON("EmployeeLoad.ashx",null,function(json){$.each(json,function(i){$("#DropDownList1").append($("<option></option>").val(json[i].ID).html(json[i].Name))});});$("<option></option>").val("").html("").appendTo("#DropDownList1");}</script>
这样就OK了。
注意:
1、要调试ashx代码,需要安装VS2005 SP1,即使有sp2也不可以的。
2、Dropdownlist增加空白选项是:$("<option></option>").val("").html("").appendTo("#DropDownList1");
转载于:https://www.cnblogs.com/KTblog/p/4818190.html
ASP.NET - JQuery的.getJSON给Dropdownlist绑定Item相关推荐
- 给服务器端下拉asp:DropDownList 绑定改变事件,Ajax绑定下拉
给服务器端下拉asp:DropDownList 绑定改变事件,页面加载写ddl_GJ.Attributes.Add("onchange", "IsShow()" ...
- Asp.Net+Jquery.Ajax详解5-$.getScript
目录(已经更新的文章会有连接,从7月25日开始,每2到3天更新一篇): Asp.Net+Jquery.Ajax详解1-开篇(2012.07.25发) Asp.Net+Jquery.Ajax详解2-$. ...
- jQuery框架学习第八天:ASP.NET jQuery实施方案
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
- 在ListView中使用DropDownList绑定数据……好麻烦
在Aspx页中的代码: <EditItemTemplate> <asp:DropDownList ID="DropDownList1" runat=&qu ...
- jQuery中getJSON跨域原理详解
详见:http://blog.yemou.net/article/query/info/tytfjhfascvhzxcytp28 jQuery中getJSON跨域原理详解 前几天我再开发一个叫 河蟹工 ...
- jquery动态添加元素无法触发绑定事件的解决方案。
jquery动态添加元素无法触发绑定事件的解决方案. 参考文章: (1)jquery动态添加元素无法触发绑定事件的解决方案. (2)https://www.cnblogs.com/momozjm/p/ ...
- 使用jquery的getJSON从服务器端获得数据
有时候我们需要从服务器端获取数据,来显示到页面 这时我们可以用jquery的getJSON来获得数据 这要求我们构造JSON格式的数据 json格式数据为:[{{'name':'老王'},{'age' ...
- 关于jQuery的$.getJSON乱码问题
用jQuery的$.getJSON方法提交中文参数时,会出现乱码问题,解决方法有两种: 1.对提交的中文参数进行处理,encodeURI(),PHP在后台接收参数时进行urldecode(). 2.不 ...
- 动态添加html元素绑定事件,关于javascript:jQuery如何将onclick事件绑定到动态添加的HTML元素...
本问题已经有最佳答案,请猛点这里访问. 我想将onclick事件绑定到用jquery动态插入的元素 但它从不运行绑定函数.如果您能指出这个示例为什么不起作用,以及如何使它正常运行,我将非常高兴: /p ...
最新文章
- python多线程输出_Python多线程
- CTAS VS create table and then insert
- 【收藏】cgroup的简单使用
- 【动态规划】书的复制 (ssl 1203)
- ext.ajax.request跨域,跨域Ajax访问header中 x-requested-with丢失
- 英语笔记:词组句子:0812
- Magento创建多语言店铺的方法
- 微软警告 Windows 10 1703 即将停止支持!
- linux 命令-全称
- window.open('') 火狐,IE事件冒泡处理,点击事件冒泡处理
- node.js express安装问题
- so运行出错:只包含了头文件,未同时编译cpp
- zipf分布c/c++
- Codeforces 855G Harry Vs Voldemort 边双连通分量+并查集
- 大数据发展规划及技术详解
- SpringBoot 统一功能处理
- 矩阵论极简笔记(2):列空间、正交补、零空间、行空间
- 地理空间数据共享资源大汇总
- 付费代理IP——Redis数据库的使用01
- javascript常用语句,如表单禁止复制,剪切等
热门文章
- 修复数码相片祛除红眼
- 面试题 01.04. 回文排列
- matlab画波特图加网格,matlab figure标题;plot坐标范围;添加加密网格
- java中继承applet类_java.applet.Applet类
- python 读取excel图片_如何用Python读取Excel中图片?
- 一键开启微信“开关头像”,快试试!
- Python接口自动化之登录接口测试
- 比特币矿业公司 Marathon 一季度产出 196 枚 BTC,共持有超 5100 枚 BTC
- Vitalik:Rollups预计在短期和中长期成为以太坊扩容的基石
- SAP License:资产年结