局部刷新

放到updatepanel里面或者是用XMLHttpRequest对象来实现

放在updatepanel里面知道怎么局部刷新
那登陆成功后
那个部分要怎么跳转到提示登陆成功？
相当于那个部分跳转到其他页面
怎么做？

做两个层
一个登录层
一个显示登录成功的层
登录前显示登录层
display="none"
登录后屏蔽并显示成功的层
使用ajax异步获取数据google ajaxpro

呵呵，其实UpdatePanel这个词，翻译过来就是局部(Panel)刷新(Update)啊。

做两个层，一个是没有登录前的层，一个是登录以后的层，用AJAX来判断登录是否成功，要是成功就换成登录成功以后显示的层。

需要刷新的放 UpdatePanel里不刷新的放外边倒着来一样局部(Panel)刷新(Update)

1.放进updatepanel里2.XMLHttpRequest对象两种方式任选一种第一种简单一些，速度一些
第二种也不错，就看你数不熟悉了

ajax绝对符合要求,不过这样安全吗?我的意见还是做个假的无刷新吧

LZ说的就像我们回帖时候点击提交回复之后提示三秒后才跳回来一样
事先把你要跳转的那部分代码隐藏，提交按钮那一部分代码为另外一部分
之后提交了，你就可以吧两部分样式display属性值修改就可以了

那刚开始把那部分跳转的div隐藏掉
可是显示页面的时候他还是会继续执行额
<script type="text/javascript">
        function Ref()
        {
            var ref = document.getElementById("a1");
            a1.click();
        }
        setTimeout("Ref()",2000);
    </script>
<div id="d1" runat="server">
        用户名：<asp:TextBox ID="txt_UserName" runat="server"></asp:TextBox>
        <br />
        密&nbsp&nbsp码：<asp:TextBox ID="txt_Password" runat="server"></asp:TextBox>
        <br />
        <asp:Button ID="Btn_Login" runat="server" Text="登陆" onclick="Btn_Login_Click" />
    </div>
    <div id="d2" style="display:none">
        登陆成功,两秒后跳转到个人管理,如果2秒后无跳转,<a href="Manage.htm" id="a1" style="color:Red">请点击</a>
    </div>

怎么让id="div2"显示完后在执行那个2秒后跳转的？
不然执行页面的时候那个也跟着执行

框架怎么实现？
用iframe吗？

vs中的LoginView很好用
可以试试

做两个层
一个登录层
一个显示登录成功的层
登录前显示登录层
display="none"
登录后屏蔽并显示成功的层
使用ajax异步获取数据google ajaxpro

在UpdatePanel中放置两个层就可以实现！！控制层的显示和隐藏就OK了！！！

最主要的是
我放了两个层
第一个层是登陆用的
如果登陆成功后
第一个层隐藏掉显示第二个层
可是第二个层我设置了两秒后自动跳转的
<script type="text/javascript">
        function Ref()
        {
            var ref = document.getElementById("a1");
            a1.click();
        }
        setTimeout("Ref()",2000);
    </script></head>
<body>
    <form id="form1" runat="server">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <div id="d1" runat="server" style="width: 100px; height: 100px; border: 1px solid black">
                用户名：<asp:TextBox ID="txt_UserName" runat="server"></asp:TextBox>
                <br />
                密&nbsp&nbsp码：<asp:TextBox ID="txt_Password" runat="server"></asp:TextBox>
                <br />
                <asp:Button ID="Btn_Login" runat="server" Text="登陆" OnClick="Btn_Login_Click" />
            </div>
            <div id="d2" style="display: none; width: 100px; height: 100px; border: 1px solid black">
                登陆成功,两秒后跳转到个人管理,如果2秒后无跳转,<a href="Manage.htm" id="a1" style="color: Red">请点击</a>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
还没执行完第一个层的，第二个层一到两秒它就自动跳转了
该怎么办？

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!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 runat="server">
    <title>无标题页</title>
    <style type="text/css">
        body
        {
            font-size: 9pt;
        }
    </style>    <script type="text/javascript">
        function Ref()
        {
            var ref = document.getElementById("a1");
            a1.onclick="Replace()";
        }
    </script></head>
<body>
    <form id="form1" runat="server">
            <div id="d1" runat="server" style="width: 100px; height: 100px; display:block; border: 1px solid black">
                用户名：<asp:TextBox ID="txt_UserName" runat="server"></asp:TextBox>
                <br />
                密&nbsp&nbsp码：<asp:TextBox ID="txt_Password" runat="server"></asp:TextBox>
                <br />
                <asp:Button ID="Btn_Login" runat="server" Text="登陆" OnClick="Btn_Login_Click" />
            </div>
            <div id="d2" runat="server" style="display: none; width: 100px; height: 100px; border: 1px solid black">
                登陆成功,两秒后跳转到个人管理,如果2秒后无跳转,<a href="Manage.htm" runat="server" id="a1" style="color: Red">请点击</a>
            </div>
    </form>
</body>
</html> protected void Btn_Login_Click(object sender, EventArgs e)
    {
        try
        {
            if (txt_UserName.Text == "zzz" && txt_Password.Text == "zzz")
            {
                HtmlGenericControl h1 = (HtmlGenericControl)form1.FindControl("d1");
                h1.Attributes["style"] = "display:none";
                HtmlGenericControl h2 = (HtmlGenericControl)form1.FindControl("d2");
                h2.Attributes["style"] = "display:block";
            }
            else
            {
                Page.ClientScript.RegisterStartupScript(Page.GetType(), "alert", "<script>alert('用户名或密码错误！')</script>");
            }
        }
        catch (Exception ex)
        {
            Response.Write(ex.Message);
        }
    }
我把整个代码都复制出来了
求救
我还没执行那个登陆代码
它就给我跳走了
要怎么改？

刚上面HTML有点错
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!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 runat="server">
    <title>无标题页</title>
    <style type="text/css">
        body
        {
            font-size: 9pt;
        }
    </style>    <script type="text/javascript">
        function Ref()
        {
            var ref = document.getElementById("a1");
            a1.click();
        }
        setTimeout("Ref()",2000);
    </script></head>
<body>
    <form id="form1" runat="server">
            <div id="d1" runat="server" style="width: 100px; height: 100px; display:block; border: 1px solid black">
                用户名：<asp:TextBox ID="txt_UserName" runat="server"></asp:TextBox>
                <br />
                密&nbsp&nbsp码：<asp:TextBox ID="txt_Password" runat="server"></asp:TextBox>
                <br />
                <asp:Button ID="Btn_Login" runat="server" Text="登陆" OnClick="Btn_Login_Click" />
            </div>
            <div id="d2" runat="server" style="display: none; width: 100px; height: 100px; border: 1px solid black">
                登陆成功,两秒后跳转到个人管理,如果2秒后无跳转,<a href="Manage.htm" runat="server" id="a1" style="color: Red">请点击</a>
            </div>
    </form>
</body>
</html>

嗨你好啊
前台ajax：
        $.ajax({
                    type: "Post",
                    //方法所在页面和方法名
                    url: "Index.aspx/CheckLogin",
                    data: "{'userid':'"+ userid +"','pwd':'"+ userpwd +"'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    async:false,
                    success: function (data) {
                        //返回的数据用data.d获取内容
                        result=data.d;
                    },
                    error: function (err) {
                        alert("wrong");
                    }
                });
             if(result=="true")
             {
               div_msg.innerHTML="登录成功";
             }
             if(result=="name")
                {
                     div_msg.innerHTML="无此用户名";
                     return false;
                }
                 if(result=="pwd")
               {
                    div_msg.innerHTML="密码错误";

                    return false;
                }

                    return true;
        }
隐藏div：
<div id="div_msg"></div>
后台CheckLogin()方法：

[WebMethod]
        public static string CheckLogin(string userid, string pwd)
        {
            DataTable user = new BLogin().BGetUserInfo(userid, 1);
            if (user.Rows.Count > 0)
            {
                if (DBUtility.Common.verifyMd5Hash(pwd, user.Rows[0]["pwd"].ToString()))
                {
                    return "true";//登录成功
                }
                else
                    return "pwd";//密码错误
            }
            else
            {
                return "name";//无此用户名
            }
        }

解决方案 »