sponsored links

ajax登陆实例,运用ajaxPro框架

 

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

 

ajax登陆实例,运用ajaxPro框架
ajax登陆实例,运用ajaxPro框架
<%...@ Page language="c#" Codebehind="Login.aspx.cs" AutoEventWireup="false" Inherits="ajaxlogin.Login" %>
ajax登陆实例,运用ajaxPro框架
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
ajax登陆实例,运用ajaxPro框架
<HTML>
ajax登陆实例,运用ajaxPro框架
    
<HEAD>
        
<title>Login</title>
        
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
        
<meta name="CODE_LANGUAGE" Content="C#">
        
<meta name="vs_defaultClientScript" content="JavaScript">
        
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
        
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        
<style type="text/css">...
        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>
        
<script language="jscript">...
            
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>
    
<body MS_POSITIONING="GridLayout">
        
<form id="Form1" method="post" runat="server">
            
<table id="lgtbn" style="Z-INDEX: 101; LEFT: 312px; POSITION: absolute; TOP: 160px">
                
<TR>
                    
<TD vAlign="middle" align="center" bgColor="#6699cc" colSpan="2">
                        
<class="lg">用 户 登 录</P>
                    
</TD>
                
</TR>
                
<TR>
                    
<TD vAlign="middle" align="center">请输入姓名:</TD>
                    
<TD>&nbsp;
                        
<asp:TextBox id="Txtname" runat="server" Width="150px"></asp:TextBox></TD>
                
</TR>
                
<TR>
                    
<TD vAlign="middle" align="center">请输入密码:</TD>
                    
<TD>&nbsp;
                        
<asp:TextBox id="Txtpwd" runat="server" TextMode="Password" Width="150px"></asp:TextBox></TD>
                
</TR>
                
<TR>
                    
<TD vAlign="middle" align="center" colSpan="2"><INPUT id="BtnSend" type="button" value="提交" onclick="Check()">&nbsp;<FONT face="宋体">
                            
<INPUT id="BtnReg" type="button" value="注册"> </FONT>
                    
</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 窗体设计器生成的代码#region Web 窗体设计器生成的代码
        
override protected void OnInit(EventArgs e)
        
...{
            
//
            
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
            
//
            InitializeComponent();
            
base.OnInit(e);
        }

        
        
///// <summary>
        
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
        
/// 此方法的内容。
        
/// </summary>

        private void InitializeComponent()
        
...{    
            
this.Load += new System.EventHandler(this.Page_Load);

        }

        
#endregion


        [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:

<httpHandlers>
   <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro" />
  </httpHandlers>

Tags:
  • struts2+jquery实现ajax登陆实例详解
    这篇文章主要介绍了struts2+jquery实现ajax登陆,需要的朋友可以参考下文本仪一个实例讲述了struts2+jquery实现ajax登陆的实现方法,具体步骤如下: 一.新建一个web项目,取名test.配置好struts2的环境,并导入Jquery的js文件到该项目. 二.在com.action包下,新建一个loginAction.java lo ...
  • ajax登陆实例,运用ajaxPro框架(转载)
    ajax登陆实例,运用ajaxPro框架(转载)
    这是我自学ajax写的第一个作品,大家见笑,如果又感兴趣的朋友可以参考一下!使用的是ajaxPro  <%...@ Page language="c#" Codebehind="Login.aspx.cs" AutoEventWireup="false" Inherits="ajax ...
  • Struts2+JQuery+Json登陆实例
    Struts2+JQuery+Json登陆实例 博客分类:  Struts2   在搭建之前.. 首先,需要准备struts2.0框架的5个核心包, 以及jsonplugin-0.32.jar 以及json-lib-2.2.2-jdk15.jar ,用来转换JSON对象的.,ojdbc14.jar oracle驱动包. jquery-1.2.6.js文件. ...
  • 十个优秀的Ajax/Javascript实例网站收集
    十个优秀的Ajax/Javascript实例网站收集
    1.Ajax Rain  AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例,有一些Demo的确值得你去看一看,即使你不是网页设计(开发)师.2.Ajax Daddy  Ajax Daddy收集了大量漂亮的Web2.0工具,其中一个使用的功能就是,在你把某个Ajax/Javascript实例应用在自己的网站上之前, ...
  • 原生AJAX写法实例分析
    这篇文章主要介绍了原生AJAX写法实例分析,以一个完整的原生Ajax实例分析了Ajax的实现技巧,有助于加深对Ajax的理解,需要的朋友可以参考下本文实例分析了原生AJAX写法.分享给大家供大家参考.具体分析如下: 虽然现在很多JS的框架提供了AJAX的调用方法,我们甚至不用去了解其具体的实现原理就可以直接调用了,但是我认为不去从最基础的层面了解一个东西,就 ...