当前位置：网学 > 编程文档 > Ajax > 正文

一款经典的ajax登录页面后台asp.net

作者：用户投稿来源：网络发布时间： 13/07/12

oginCookie.js代码如下
//JScript文件

//SetCookie 保存一个Cookie。参数中除了name和value以外，其他可以省略。
//GetCookie 通过一个Cookie的名字取出它的值。
//DelCookie 删除一个Cookie，也就是让一个Cookie立刻过期。参数中除了name，其他可以省略。

//测试
//SetCookie("username", "123");expires代表"月"
//alert(GetCookie("username"));
//DelCookie("username");
//alert(GetCookie("username"));

function SetCookie(name, value, expires, path, domain, secure) {
  var today = new Date();
  today.setTime(today.getTime());
  if(expires) { expires *= 2592000; }
  var expires_date = new Date(today.getTime() + (expires));
  document.cookie = name + "=" + escape(value)
    + (expires ? ";expires=" + expires_date.toGMTString() : "")
    + (path ? ";path=" + path : "")
    + (domain ? ";domain=" + domain : "")
    + (secure ? ";secure" : "");
}

function GetCookie(name) {
  var cookies = document.cookie.split( '';'' );
  var cookie = '''';

  for(var i=0; i<cookies.length; i++) {
    cookie = cookies[i].split(''='');
    if(cookie[0].replace(/^\s+|\s+$/g, '''') == name) {
      return (cookie.length <= 1) ? "" : unescape(cookie[1].replace(/^\s+|\s+$/g, ''''));
    }
  }
  return null;
}

function Delcookie(name, path, domain) {
  document.cookie = name + "="
    + (path ? ";path=" + path : "")
    + (domain ? ";domain=" + domain : "")
    + ";expires=Thu, 01-Jan-1970 00:00:01 GMT";
}
3，写login.htm页面中的js代码，放在head标签之间
   <script type ="text/javascript" >
        window.onload = function (){
            document.getElementById (''txtusername'').focus();//用户名框获得焦点

            if (GetCookie(''user_name'') != null && GetCookie(''user_pwd'') != null)//设置记住密码的登录页面
            {
                document.getElementById ("txtusername").value = GetCookie(''user_name'');
                document.getElementById ("txtpwd").value = GetCookie(''user_pwd'');
            }
        }

        String.prototype.Trim = function() //自定义的去除字符串两边空格的方法
        {
            return this.replace(/(^\s*)|(\s*$)/g, "");
        }

        function checkuser()//检验用户名是否正确
        {
            var img = document.getElementById ("imgCheck")
            img.src="iamges/blue-loading.gif";//设置图片及其可见性
            img.style.visibility = "visible";

            var aj = new ajax();//以下为ajax请求
            var username = document.getElementById ("txtusername").value.Trim();
            var url = "login.aspx?uname="+escape(username);
            aj.get(url,callback);
            function callback(obj)
            {
                var response = obj.responsetext;
                var res = response.split(''\n'');
                if (res[0] == "ok")
                {
                    img.src="iamges/icon-info.gif";
                    document.getElementById ("unMessage").innerHTML = "<font color=''#00ff00''>用户名正确</font>";
                }
                else
                {
                    img.src="iamges/icon-warning.gif";
                    document.getElementById ("unMessage").innerHTML = "<font color=''#ff0000''>用户名错误</font>";
                }
            }
        }


        function login()//登录
        {
            if (document.getElementById ("unMessage").innerText == "用户名错误")
            {
                alert("你的用户名错误");
            }
            else if (document.getElementById ("txtpwd").value == "")
            {
                alert("请输入密码");
            }
            else
            {
                var aj = new ajax();
                var username = document.getElementById ("txtusername").value.Trim();
                var userpwd = document.getElementById ("txtpwd").value;
                var url = "login.aspx?name="+escape(username)+"&pwd="+escape(userpwd);
                aj.get(url,callback);
                function callback(obj)
                {
                    var response = obj.responsetext;
                    var res = response.split(''\n'');
                    if (res[0] == "ok")
                    {
                        if (document.getElementById ("cbRememberPwd").checked)
                        {
                            SetCookie(''user_name'',username,1);//保存密码一个月
                            SetCookie(''user_pwd'',userpwd,1);
                        }
                        else
                        {
                            SetCookie(''user_name'',username);
                            SetCookie(''user_pwd'',userpwd);
                        }
                        window.open ("loginIndex.htm","_self");
                    }
                    else
            &p;            {
                        alert("密码错误");
                    }
                }
            }
        }

        function reset()//重置
        {
            window.onload();//执行窗体登录事件
            document.getElementById ("txtusername").value="";
            document.getElementById ("txtpwd").value="";
        }

        function enterLogin()
        {
            if (event.keyCode==13) //如果按下的是Enter键的话，就执行登录语句
            {
                login();
            }
        }
    </script>
4

上一页 1 2 3 4 5 6 7 8 下一页

上一篇资讯： Ajax Control Toolkit 34个服务器端控件第1/2页

下一篇资讯： Ajax 核心框架函数及例子