Ajax(asp.net)技术实现异步刷新和控件功能示例流程

Ajax(asp.net)技术实现异步刷新和控件功能示例流程

实验环境工具:VS2008, AjaxControlToolkit.dll3.5,sql2005等

一，     在项目中添加新项新建一个AJAX Web窗体，命名Default.aspx

 

二，     从工具箱中AJAX Extensions中拖选一个UpdatePanel做局部刷新容器（如图）

 

下面所有的源视图代码都在<asp:UpdatePanelID="UpdatePanel1" runat="server">

<ContentTemplate>   <ContentTemplate/>中写

三，     在当前页面插入一个表格，8行3列，仿一个注册页面（如图）

 

四，     这里我们定义一些css(样式表)以及加一些图片，外部链接式代码如下:

body {

}

.Table

{

    border-style:double;

   

    color:Green;

    font-size:large;

}

.Top

{

    height: 48px;

    background-image: url('image/Table_Top.jpg' );

}

.Bottom

{

    background-image:url('image/Table_bottom.jpg');

    background-repeat:repeat-x;

    height:50px;

}

头部链接式：

<style type="text/css">

        .style9

        {

            width: 134px;

        }

        .style10

        {

            width: 134px;

            height: 17px;

        }

        .style12

        {

            width: 135px;

        }

        .style13

        {

            width: 135px;

            height: 17px;

        }

        .style14

        {

            width: 169px;

        }

        .style15

        {

            width: 169px;

            height: 17px;

        }

</style>

五,通过引用这些样式和图片，效果如图

 

六，      在SQl SERVER下我们新建一张表如Custom表，表中有Cname,Cpassword,Cage,Csex,CphoneNmu,Cbirth

七，      当用户输入姓名后及时异步刷新，是否已被注册，首先我们要写一个对“姓名”文本框的textchanged事件去遍历数据库是否已有这条数据(如图)