ajax登陆实例，运用ajaxPro框架(转载)

最新推荐文章于 2025-09-09 22:18:29 发布

原创最新推荐文章于 2025-09-09 22:18:29 发布 · 617 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #框架 #textbox #login #callback #server

本文介绍了一个使用AjaxPro实现的简单登录验证系统。通过Ajax进行前后端交互，实现了用户名密码的验证逻辑，并根据不同情况返回相应的提示信息。

这是我自学ajax写的第一个作品，大家见笑，如果又感兴趣的朋友可以参考一下！使用的是ajaxPro

<%@ Page language="c#" Codebehind="Login.aspx.cs" AutoEventWireup="false" Inherits="ajaxlogin.Login" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

<title>Login</title>

BODY { MARGIN-TOP: 0px; MARGIN-LEFT: 0px }

TABLE { BORDER-RIGHT: #ff9966; BORDER-TOP: #ff9966; FONT-SIZE: 12px; BORDER-LEFT: #ff9966; WIDTH: 35%; BORDER-BOTTOM: #ff9966; HEIGHT: 138px; BACKGROUND-COLOR: #00ccff; align: center; cellpadding: 0; cellspacing: 0 }

.lg { FONT-SIZE: 14px; COLOR: #ffff33 }

</style>

function Check()

{

var name=document.getElementById("Txtname").value;

var pwd=document.getElementById("Txtpwd").value;

ajaxlogin.Login.GetCode(name,pwd,CheckUser_CallBack);

}

function CheckUser_CallBack(res)

{

var value=res.value;

if(value=="1")

{

window.alert("您输入的用户名或密码不正确！");

}

if(value=="2")

{

alert("请输入用户名！");

}

if(value=="3")

{

alert("请输入密码！");

}

if(value=="0")

{

window.open("welcome.aspx","_self");

}

</script>

</HEAD>

<TR>

</TD>

</TR>

<TR>

<TD vAlign="middle" align="center">请输入姓名：</TD>

<TD> 

<asp:TextBox id="Txtname" runat="server" Width="150px"></asp:TextBox></TD>

</TR>

<TR>

<TD vAlign="middle" align="center">请输入密码：</TD>

<TD> 

<asp:TextBox id="Txtpwd" runat="server" TextMode="Password" Width="150px"></asp:TextBox></TD>

</TR>

<TR>

</TD>

</TR>

</table>

</form>

</body>

</HTML>

后台代码 :

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

using System.Data.SqlClient;

namespace ajaxlogin

{

/// <summary>

/// Login 的摘要说明。

/// </summary>

public class Login : System.Web.UI.Page

{

protected System.Web.UI.WebControls.TextBox Txtname;

protected System.Web.UI.WebControls.TextBox Txtpwd;

SqlConnection conn = new SqlConnection("server=.;database=WangYue;uid=sa;pwd=");

private void Page_Load(object sender, System.EventArgs e)

{

AjaxPro.Utility.RegisterTypeForAjax(typeof(Login));

// 在此处放置用户代码以初始化页面

}

Web 窗体设计器生成的代码

[AjaxPro.AjaxMethod]

public string GetCode(string name,string pwd)

{

if(name=="")

{

return "2";//用户名不能为空

}

if(pwd=="")

{

return "3";//密码不能为空

}

SqlCommand comm = new SqlCommand();

comm.Connection = conn;

comm.CommandText = "select * from UserInfo where name='" + name + "' and pwd='" + pwd + "'";

SqlDataAdapter da = new SqlDataAdapter();

da.SelectCommand = comm;

DataTable dt = new DataTable();

da.Fill(dt);

if(dt.Rows.Count == 0)

{

return "1";//用户名或密码不正确

}

return "0";

}

webconfig:

Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=1620576