1、说明通过 asp.net,利用jQuery ,c#语言给 select控件动态加载数据。前端页面使用的是.aspx类型的HTML页面,后台使用MVC上的controller控制器

2、webconfig 设置连接字符串

<configuration>
<connectionStrings>
   <add name="connectStr" connectionString="Data Source=192.168.1.105;Initial Catalog=TestDB;Persist Security Info=True;User ID=sa;pwd=sa;" providerName="System.Data.SqlClient" />
</connectionStrings>
</configuration>

3、获取连接字符串

public class DBHelper
    {
        /// <summary>
        /// 获取数据库连接字符串
        /// </summary>
        /// <returns></returns>
        public static string getConnStr()
        {
            return WebConfigurationManager.ConnectionStrings["connStr"].ToString();
        }
    }

4、用到的数据表

我这里的数据表是Oracle中的,大家也可以用sql数据库

CREATE TABLE "DMKJ_SYSINFO_TS"."T_USER"
   (    "ID" NUMBER(10,0),
    "NAME" VARCHAR2(255 BYTE),
    "DESCRIBE" VARCHAR2(255 BYTE)
   }

5、前端页面代码

说明:需要自己引用jQuery的库文件

 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="xx.aspx.cs" Inherits="xx.LoginPage" %>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
//在这里引入jQuery的库文件 </head>
<body>
<div > <select id="tt01" style=" width: 150px; height: 40px;font-size:17px;line-height: 40px;padding-left: 60px;" >
</select>
</div>
<script type="text/javascript">
$(function () {
GetUserList(); });
function GetUserList() {
$.post("Login/GetUser", function (data) {
var table = data;
$("#tt01").empty(); //首先清空select现在有的内容
$("#tt01").append("<option selected='selected' value=0>请选择用户..</option>");
for (var i = ; i < table.length; i++) {
var item = table[i];
$("#tt01").append("<option value=" + item.id + ">" + item.text + "</option>");
}
//返回的是json格式的数据
}, "json");
} </script>
</body>
</html>

6、后台代码

   public JsonResult GetUser()
{
string sqlStr = "select * from HYMGS_SYSINFO_FJ.t_office";
OleDbDataReader dr =myExecuteReader(sqlStr);
List<OfficeEntity> myList = new List<OfficeEntity>();
while(dr.Read())
{
OfficeEntity ob1 = new OfficeEntity() {
id = Convert.ToInt32(dr["PID"].ToString()),
text = dr["NAME"].ToString()
};
myList.Add(ob1);
}
dr.Close();
return Json(myList, JsonRequestBehavior.DenyGet);
} public static OleDbDataReader myExecuteReader(string strSQL)
{ //获取连接字符串
string strConn=DBHelper.getConnStr();
OleDbConnection oraCn=new OleDbConnection(strConn) ;
OleDbCommand OraCmd = new OleDbCommand(strSQL,oraCn);
try
{
oraCn.Open ();
OleDbDataReader OraDr=OraCmd.ExecuteReader (CommandBehavior.CloseConnection);
return OraDr;
} catch(OleDbException e)
{
throw new Exception(e.Message);
}
finally
{
//OraCmd.Dispose();
//oraCn.Close ();
}
}

7、实体类

  public class UserEntity
{
public int id { get; set; }
public string text { get; set; }
}

asp.net c# select 动态加载数据的更多相关文章

  1. ASP.NET MVC动态加载数据

    ASP.NET MVC动态加载数据,一般的做法是使用$.each方法来循环产生tabel: 你可以在html时先写下非动态的部分:  Source Code 上图中,有一行代码: <tbody ...

  2. Extjs-树 Ext.tree.TreePanel 动态加载数据

    先上效果图 1.说明Ext.tree.Panel 控件是树形控件,大家知道树形结构在软件开发过程中的应用是很广泛的,树形控件的数据有本地数据.服务器端返回的数据两种.对于本地数据的加载,在extjs的 ...

  3. AppCan学习笔记----关闭页面listview动态加载数据

    AppCan页面关闭 AppCan 的页面是由两个HTML组成,如果要完全关闭的话需要在主HTML eg.index.html中关闭,关闭方法:appcan.window.close(-1); 管道 ...

  4. [JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件

    页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果:进入qq空间,向下拉动空 ...

  5. 微信小程序(五) 利用模板动态加载数据

    利用模板动态加载数据,其实是对上一节静态数据替换成动态数据:

  6. mui 动态加载数据出现的问题处理 (silder轮播组件 indexedList索引列表 下拉刷新不能继续加载数据)

    mui-slider 问题:动态给mui的图片轮播添加图片,轮播不滚动. 解决:最后把滚动轮播图片的mui(".mui-slider").slider({interval: 300 ...

  7. js实现滚动条来动态加载数据

    主要angular2+es6 data:Array<any> //展示的数据 allData:Array<any> //全部的数据 size:number = 10 //每次动 ...

  8. js/jquery控制页面动态加载数据 滑动滚动条自动加载事件--转他人的

    js/jquery控制页面动态加载数据 滑动滚动条自动加载事件--转他人的 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样 ...

  9. js动态加载数据并合并单元格

    js动态加载数据合并单元格, 代码如下所示,可复制直接运行: <!DOCTYPE HTML> <html lang="en-US"> <head> ...

随机推荐

  1. 苹果safari支持flex布局

    今天突然发现flex布局不支持safari  解决办法 .page-wrap { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ disp ...

  2. 反汇编->C++内联

    C/C++提供了内联函数机制 内联函数就是向编译器建议:编译这个函数的时候.直接把函数展开,而不是进行函数调用call.当然编译器并不接受这个建议.仍然把他当做普通函数进行编译 使用内联函数的优点:减 ...

  3. Day 17 编码+文本编辑+函数

    知识点篇: #! /usr/bin/env python # -*- coding: utf-8 -*- # __author__ = "DaChao" # Date: 2017/ ...

  4. 可能是全网最详细的express--middleware

    写在前面 hello,小伙伴们,我是你们的pubdreamcc,本篇博文出至于我的GitHub仓库node学习教程资料,欢迎小伙伴们点赞和star,你们的点赞是我持续更新的动力. GitHub仓库地址 ...

  5. 关于udo3d双目相机的嵌入式板子系统重装

    遇到的问题: 1.下载压缩文件(.rar):在linux下下载一会就会停止 原因:linux下不支持.rar文件的下载,在windows下载即可 2.在windows下解压文件,结果为镜像文件(.im ...

  6. Kalendae使用总结

    2019-03-06 16:50:18 git官方教程:https://github.com/Twipped/Kalendae js.css:https://pan.baidu.com/s/1Ye-d ...

  7. SetProcessWorkingSetSize 和内存释放

    http://hi.baidu.com/taobaoshoping/item/07410c4b6d6d9d0d6dc2f084 在应用程序中,往往为了释放内存等,使用一些函数,其实,对于内存操作函数要 ...

  8. JavaScript : 零基础打造自己的jquery类库

    写作不易,转载请注明出处,谢谢. 文章类别:Javascript基础(面向初学者) 前言 在之前的章节中,我们已经不依赖jQuery,单纯地用JavaScript封装了很多方法,这个时候,你一定会想, ...

  9. 【windows】windows下的hosts文件位置

  10. iOS -- SKKeyframeSequence类

    SKKeyframeSequence类 继承自 NSObject 符合 NSCodingNSCopyingNSObject 框架  /System/Library/Frameworks/SpriteK ...