Asp.Net中Ajax实现登陆判断

Default.aspx:

<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript">
    var xmlhttp;
    function Login()
    {
    var userName=document.getElementById("TextBox1").value;
    var userPwd=document.getElementById("TextBox2").value;
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    xmlhttp.open("GET","Login.aspx?UserName="+userName+"&UserPwd="+userPwd,true);
    xmlhttp.onreadystatechange=stateChange;
    xmlhttp.send(null);
    return false;
    }

    function stateChange()
    {
        if(xmlhttp.readystate==4&&xmlhttp.status==200)
        {
            document.getElementById("Label1").innerHTML=xmlhttp.responseText;
        }
    }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server" Width="100px"></asp:TextBox><br />
        <asp:TextBox ID="TextBox2" runat="server" Width="100px"></asp:TextBox>
        <br />
        <asp:Button ID="Button1" runat="server" Text="登陆" />
        <asp:Label ID="Label1" runat="server"></asp:Label></div>
    </form>
</body>
    protected void Page_Load(object sender, EventArgs e)
    {
        this.Button1.Attributes.Add("OnClick","return Login()");
    }
Login.aspx:

    protected void Page_Load(object sender, EventArgs e)
    {
        if (Request.QueryString["UserName"] != null && Request.QueryString["UserName"].Length != 0 && Request.QueryString["UserPwd"] != null && Request.QueryString["UserPwd"].Length != 0)
        {
            if (Request.QueryString["UserName"] == "wu1987116" && Request.QueryString["UserPwd"] == "wu1987116")
            {
                Response.Write("登陆成功!");
            }
            else
            {
                Response.Write("用户名或密码错误!");
            }
        }
    }

  

时间: 2024-10-05 03:10:28

Asp.Net中Ajax实现登陆判断的相关文章

ASP.NET中Ajax的用法

在ASP.NET中应用Ajax的格式如下: 前台代码(用JQuery库) $.ajax({ type: "POST", async: true, url: "../Ajax/ajax.ashx", dataType: "html", data: null success: function (result) { //do successful sth }, error: function (XMLHttpRequest, textStaus, e

asp.net中Ajax控件的用途(二)

1.个人觉得对于新手最为实用的PopupControlExtender,弹出层载体,在实例中可以弹出登录框,百度的登陆页面基本都用的这种形式,可以把浮动的panel宽高都设置为100%,以屏蔽底层操作. 2.DropshadowExtender,可以为目标控件增加阴影效果,圆角效果,定义圆角半径,非常有立体感,opacity属性用于设置透明度,用在登陆框上也是个不错的选择. 3.PasswordStrength,密码强度控件,也很实用吧,所有网站都需要的. 4.DragPanelExtender

Asp.net中ajax调用后台方法

这个当然不用说大家都知道的一种就是ajax调后台的方法.1.有参数的方法调用示例代码如下:前台jQuery代码:$(function() {  这个当然不用说大家都知道的一种就是ajax调后台的方法. 1.有参数的方法调用 示例代码如下: 前台jQuery代码: $(function() {   var browers = browersEstimate();   var params = '{browersType:"' + browers + '"}';   $.ajax({   

asp.net中Ajax控件的用途(一)

1,UpdatePanel控件,用户更新部分内容,示例 放入一个Label和一个Button,单击按钮,label显示当前时间. 2,ScriptManagerProxy控件,每个页面只能有一个ScriptManager,当使用的母版页存在ScriptManager时,子页内容页应该使用ScriptManagerProxy. 3,UpdateProgress控件,用途举例,可以用来在网站等候服务器反馈的时候,显示某些提示用户等待的内容 4,Timer控件用途举例,双击进入事件,Label1.wi

ASP.NET中ajax验证用户名和邮箱是否重复

这个是前台显示的页面代码↓ <%@ 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

Asp.net中Postback及Callback

我们知道,在默认的情况下,当我们点击Asp.net Page中的一个服务器Button时(默认其实是Submit Form),会导致Page被Recreated,这个过程我们称之为Postback,它是Page生命周期的一个阶段.我们将从以下几个方面来简单谈谈Asp.net中的Postback: 为什么使用Postback Postback工作过程 为什么使用Callback Callback工作过程 Postback与Callback的区别 参考资料 1.为什么使用Postback 当我们每次

asp.net中ScriptManager自带Ajax与jQuery事件冲突

问题引诉:最近在使用asp.net自带的无刷新提交ScriptManager时,发现一个问题,就是和我自己用jQuery写的一些事件函数和局部刷新相冲突.通过在网上收索,发现很多人都遇到这个同样的问题.最终还是找到的解决的办法,在此我想将其解决的办法分享出来供大家参考. 问题解决办法: 方法1.两者实现都能够实现页面的无刷新效果,所以可以保留其中的一种即可: 方法2.如果必须要两者混合应用,那么在用jQuery绑定事件是就要注意一些了 我们平时在jQuery中绑定事件最常用的方式有以下三种:以c

asp.ne中使用ajax和controller进行通信问题记录

为了页面显示和后端处理分离,使用了html+ajax+mvc的形式进行处理. 在这其中遇到的问题记录: 1. 在使用ajax向controller请求数据的时候,"get"方法会缓存上一次的请求,导致controller方法不能被debug跟踪到,开始以为是vs出错了,到后来才搞清楚. 解决方法:请求controller路径时加上随机数,或者使用"post"方法. 2. 在使用"POST"方法时,IE11要小心处理,因为ie会出现怎么都执行不了的

浅析Asp.net MVC 中Ajax的使用

在ASP.NET MVC beta中我们可以使用Ajax.BeginForm, Ajax.ActionLink来进行Ajax调用,同样我们也可以使用一些支持Ajax 框架如jQuery来简化对ajax的调用. 一.使用System.Web.Mvc.Ajax 1.1 System.Web.Mvc.Ajax.BeginForm 1.2 System.Web.Mvc.Ajax.ActionLink 二.手工打造自己的"非介入式"Javascript" 一.使用System.Web.