Ajax+asp.net实现用户登陆

这篇文章主要介绍了Ajax+asp.net实现用户登陆,主要是为了练习ajax的使用方法,有需要的小伙伴参考下。

    以用户登录为例练习ajax的使用方法

    login.html

   

1

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta. http-equiv="Content-Type" content="text/html; charset=utf-8"/>  <title></title>  <script. type="text/javascript">    var bj = createobj();     function login(name, pwd)    {      var urlstr = "http://localhost:14248/server.aspx?username=" + name + "&password=" + pwd;      obj.open("get", urlstr, true);      obj.onreadystatechange = dowork;      obj.send();    }     function dowork()    {      if (obj.readyState == 4)      {        if (obj.status == 200)        {          document.getElementById("msg").innerText = obj.responseText;        }      }    }    //创建对象    function createobj()    {      var xmlHttp = null;      try {        //非IE浏览器        xmlHttp = new XMLHttpRequest();      }      catch (e)      {  //IE浏览器        try{          xmlHttp = new ActiveXObject("Msxml2.HTTP");        }        catch (e)        {          xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");        }      }      return xmlHttp;    }  </script></head><body>  <table>    <tr>      <td align="center" colspan="2">登录</td>    </tr>    <tr>      <td>用户名:</td>      <td><input type="text" id="username" name="username" /></td>    </tr>    <tr>      <td>密码:</td>      <td><input type="password" id="password" name="password" /></td>    </tr>    <tr>      <td >        <input type="submit" value="登录" nclick="login(document.getElementById(‘username‘).value,document.getElementById(‘password‘).value)" />      </td>      <td>        <input type="reset" value="清空" />      </td>      <td><span id="msg"></span></td>    </tr>  </table></body></html>

 

    DAL.cs

   

1

using System;using System.Collections.Generic;using System.Data;using System.Data.SqlClient;using System.Linq;using System.Web; namespace AJAXtest{  public class DAL  {    private string connstr = "server=acer-pc;database=mydatabase;user id=sa;password=123456";    public DataTable selectDB(string sql)    {      DataTable dt = new DataTable();      try      {        SqlConnection conn = new SqlConnection(connstr);        SqlDataAdapter sda = new SqlDataAdapter(sql, conn);        sda.Fill(dt);      }      catch(Exception e)      {}      return dt;    }  }}

 

    BLL.cs

   

1

using System;using System.Collections.Generic;using System.Data;using System.Linq;using System.Web; namespace AJAXtest{  public class BLL  {    public bool login(string username,string password)    {      try      {        string sql = "select password from Users where username=‘" + username + "‘";        DAL sqlSelect = new DAL();        DataTable dt = sqlSelect.selectDB(sql);        if (dt.Rows[0]["password"].ToString() != password)          return false;      }      catch (Exception)      {       }      return true;    }  }}

 

    Server.aspx.cs

   

1

using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls; namespace AJAXtest{  public partial class Server : System.Web.UI.Page  {    protected void Page_Load(object sender, EventArgs e)    {      string username = Request["username"].ToString();      string password = Request["password"].ToString();      BLL b = new BLL();      if (b.login(username, password))      {        Response.Write("登录成功");        Response.End();      }      else      {        Response.Write("登录失败");        Response.End();      }    }  }}

 

    Server.aspx

   

1

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Server.aspx.cs" Inherits="AJAXtest.Server" %> <!DOCTYPE html> <html xmlns="http://www.datiyi.cn"><head runat="server"><meta. http-equiv="Content-Type" content="text/html; charset=utf-8"/>  <title></title></head><body>  <form. id="form1" runat="server">  <div>     </div>  </form></body></html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值