东莞电脑批发网 - 东莞地区最大的电脑批发网

Ajax简单示例之改变下拉框动态生成表格
发布人:gxy   点击数:499   2008-5-7 9:32:16
    1.建立一个aspx页面,html代码
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
        var xmlHttp;


        function createXMLHttpRequest()
        {
            if (window.ActiveXObject)
            {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            else if (window.XMLHttpRequest)
            {
                xmlHttp = new XMLHttpRequest();
            }
        }
           
        function startRequest()
        {
            //debugger;
            var ProvinceID=document.getElementById("DropDownList1");          
            createXMLHttpRequest();
            xmlHttp.onreadystatechange = handleStateChange;
            xmlHttp.open("GET", "?ProvinceID="+ProvinceID.value, true);
            xmlHttp.send(null);
        }
           
        function handleStateChange()
        {
            if(xmlHttp.readyState == 4) //0(未初始化);1(正在装载);2 (装载完毕);3 (交互中);4 (完成)
            {
                if(xmlHttp.status == 200) //200(OK);404(not found)
                {
                    document.getElementById("gridiv").innerHTML=xmlHttp.responseText;
                }
            }
        }
        </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="DropDownList1" runat="server">
        </asp:DropDownList>  
    </div>
    <div id ="gridiv"></div>
    </form>
</body>
</html>2.cs代码
using System.Data.SqlClient;
protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            this.DropDownList1.Attributes.Add("onchange", "return startRequest();");
            ListProvince();
            if (ProvinceID != "")
            {
                GetCityByProvinceID(ProvinceID);
            }
        }
    }


    property#region property
    private string ProvinceID
    {
        get
        {
            if (Request["ProvinceID"] != null && Request["ProvinceID"].ToString() != "")
            {
                return Request["ProvinceID"];
            }
            else
            {
                return "";
            }
        }
    }
    #endregion


    GetDataSet#region GetDataSet
    private DataSet GetDataSet(string sql)
    {
        string constring=System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
        SqlDataAdapter    sda =new SqlDataAdapter(sql,constring);
        DataSet ds=new DataSet();
        sda.Fill(ds);
        return ds;
    }
    #endregion


    GetCityByProvinceID#region GetCityByProvinceID
    private void GetCityByProvinceID(string ProvinceID)
    {
        string connStr = ConfigurationSettings.AppSettings["ConnectionString"];
        SqlConnection conn = new SqlConnection(connStr);
        string sql = "select * from city where father='" + ProvinceID + "'";
        SqlCommand cmd = new SqlCommand(sql, conn);
        conn.Open();
        SqlDataReader dr = cmd.ExecuteReader();


        string s = @"<table cellspacing='0' cellpadding='4' border='0' id='GridView1' style='color:#333333;border-collapse:collapse;'>";
        s+="<tr style='color:White;background-color:#990000;font-weight:bold;'>";
            s+="<th scope='col'>流水号</th><th scope='col'>代号</th><th scope='col'>城市</th></tr>";
        int m = 0;
        while (dr.Read())
        {
            if (m % 2 == 0)
            {
                s += "<tr style='color:#333333;background-color:#FFFBD6;'>";
            }
            else
            {
                s += "<tr style='color:#333333;background-color:White;'>";
            }
            m++;
            s += "<td>" + dr["id"] + "</td>";
            s += "<td>" + dr["cityID"] + "</td>";
            s += "<td>" + dr["city"] + "</td>";
            s += "</tr>";
        }       
        s+="</table>";
        dr.Close();
        conn.Close();
        this.Response.Write(s);
        this.Response.End();
    }
    #endregion


    ListProvince#region ListProvince
    private void ListProvince()
    {
        string sql = "select * from province";
        DataSet ds = GetDataSet(sql);
        DropDownList1.DataSource = ds;
        DropDownList1.DataTextField = "province";
        DropDownList1.DataValueField = "provinceID";
        DropDownList1.DataBind();
    }
    #endregion





我来说两句
匿名发表
小提示:您发表的言论后果负责,请各位遵守法纪注意语言文明

赞助商广告
金吉防辐射服装专卖
金吉防辐射服装专卖,厂家直接发货,权威认证,衣服电话防伪,质量保证。 www.taojincn.com

世新虚拟主机、域名低价销售。
庆新年迎新春,世新虚拟主机、域名低价销售。 www.dgdns.net

虎门(长安/厚街/沙田)网络公司
专业SEO:网站建设,网站推广,网站优化. 做百度,雅虎,google关键词优化推广免费送网站!

世新电脑配件批发及组装零售
主要批发电脑配件 :硬盘 CPU 内存 显示器 主板 显卡 光驱 网络产品 机箱电源 服务器机箱 东莞地区送货上门,货运货到付款或网上打款

易信达进销存管理软件
易信达进销存系列管理软件

AOC(冠捷)16.6寸新上市
AOC(冠捷)16.6寸新上市.1500:1 小巧方便携带 靓价:710元 AOC 919SW 8000:1 19寸宽屏液晶显示器 靓价:850 AOC 915SW 5000:1 19寸宽屏液晶显示器 靓价: 865

成为虎门OK网会员做本地
虎门OK网是虎门最大的信息网站,每日集中在写字楼、工厂、商家等一大批高消费群关注及使用信息查询等服务。经统计至2008年4月每天在线看信息超过11000人,虎门OK网----被评为虎门最在价值的商业网站。

中科世新电脑超值特价
索可17寸纯平 特价 300 一年保修,三个月包换 华硕18XDVD 光驱 特价 117 一年保修,三个月包换 七彩虹3850/512M显卡 特价 475 一年保修,七天包换 易拓160G/串口蓝德代理特价 245 三年保修详情请进入查看!!!

新闻资讯 | 电脑技术 | 批发报价 | 人才市场 | 特价区 | 关于我们 | 广告业务 | 免责声明
东莞电脑批发网  版权所有  2004-2008  All Rights Reserved.
电话:0769-85189915  传真:0769-85189925  咨询信箱:gxy#dgdns.net
第一QQ群:33853133(已满)  第二QQ群:1796060  第三QQ群:1796099  第四QQ群:63034897
地址:东莞市虎门镇太平广场花园2162室 邮编:523900  粤ICP备06013379号