您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 网站教程 > AJAX教程 >
    AJAX实例:实现登陆验证
    时间:2016-08-01 20:33 来源: 作者: 浏览:收藏 挑错 推荐 打印
      ajax实现登陆验证    --------------------------------------------------------------------------------
        js文件如下:
        --------------------------------------------------------------------------------
        --------------------------------------------------------------------------------
        var xmlHttp;
        function IMG1_onclick() {
        CheckIsValid();
        }
        function CheckIsValid()
        {
        CreatXmlHttpRequest();
        var userName=document.getElementById("AdminText");
        var passWord=document.getElementById("AdminPasswordText");
        var url="CheckLogin.aspx?userName="+escape(userName.value)+"&passWord="+escape(passWord.value);
        xmlHttp.open("GET",url,true);
        xmlHttp.onreadystatechange=callback;
        xmlHttp.send(null);
        }
        function CreatXmlHttpRequest()
        {
        try {
        xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
        try {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e2) {
        xmlHttp = false;
        }
        }
        if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
        xmlHttp = new XMLHttpRequest();
        }
        }
        function callback()
        {
        if(xmlHttp.readyState==4)
        {
        if(xmlHttp.status==200)
        {
        var mes=xmlHttp.responseXML.getElementsByTagName("message")[0].firstChild.data;
        var val=xmlHttp.responseXML.getElementsByTagName("passed")[0].firstChild.data;
        setMessage(mes,val);
        }
        }
        }
        function setMessage(message,isValid)
        {
        var messageArea=document.getElementById("showMessage");
        var fontColor;
        if(isValid =="True")
        {
        window.location.href="ManagerControl.aspx";
        }
        else
        {
        fontColor="red";
        imgUrl="images/404.jpg";
        messageArea.innerHTML="<img src="+imgUrl+"/>"+"<font color="+fontColor+">"+message+"</font>";
        }
        }
        cs文件如下:
        --------------------------------------------------------------------------------
        --------------------------------------------------------------------------------
        using System;
        using System.Data;
        using System.Configuration;
        using System.Collections;
        using System.Web;
        using System.Web.Security;
        using System.Web.UI;
        using System.Web.UI.WebControls;
        using System.Web.UI.WebControls.WebParts;
        using System.Web.UI.HtmlControls;
        using System.Data.Sql;
        using System.Data.SqlClient;
        public partial class CheckLogin : System.Web.UI.Page
        {
        protected void Page_Load(object sender, EventArgs e)
        {
        Response .ContentType="text/xml";
        bool passed = ValiLogin(Request["userName"], Request["passWord"]);
        string message = "出错啦,密码错误或者管理员名称错误";
        if (passed)
        {
        message = "登陆成功";
        }
        string textxml;
        textxml = "<response>"+"<passed>"+passed.ToString()+"</passed>"+"<message>"+message+"< /message>"+"</response>";
        Response.Write(textxml);
        }
        private bool ValiLogin(string userName,string passWord)
        {
        bool isPassed = true;
        if ((userName == ConfigurationManager.AppSettings["AdminName"]) && (passWord == ConfigurationManager.AppSettings["PassWord"]))
        {
        isPassed = true;
        }
        else
        {
        isPassed = false;
        }
        return isPassed;
        }
        }
        HTML代码如下:
        <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Manager.aspx.cs" Inherits="Manager" %>
        <!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">
        <meta http-equiv="content-type" content="text/html; charset=GB2312" />
        <title>王子的宫殿 http://www.dwww.cn </title>
        <meta name="keywords" content=http://dwww.cn />
        <meta name="description" content="dwww.cn" />
        <link rel="stylesheet" type="text/css" href="default.css" />
        <script language="javascript" type="text/javascript" src="js/main.js">
        </script>
        </head>
        <body>
        <div id="outer">
        <div id="upbg" style="left: 0px; top: 0px"></div>
        <div id="inner">
        <div id="header">
        <h1><span>王子</span>宫殿<sup>1.0</sup></h1>
        <h2>by 薛晓龙</h2>
        </div>
        <div id="splash"></div>
        <div id="menu">
        <ul>
        <li class="first"><a href="Default.aspx">主页</a></li>
        <li><a href="#">博客</a></li>
        <li><a href="MyPhotos.html">相册</a></li>
        <li><a href="#">留言</a></li>
        <li><a href="Myinfo.aspx">联系我</a></li>
        <li><a href="Manager.aspx">后台管理</a></li>
        </ul>
        <div id="date">August 1, 2006</div>
        </div>
        <div id="primarycontent" style="left: 200px; top: 0px; width: 204px; margin-top:100px">
        <div id="hreader"><img src="images/logins.gif"

    (责任编辑:12图资源库)