ASP.NET 使用WebServices+Ajax实现无刷新验证用户是否已注册

最新推荐文章于 2017-12-26 18:14:53 发布

LeoHaiTao

最新推荐文章于 2017-12-26 18:14:53 发布

阅读量1.5k

点赞数 2

分类专栏： ASP.NET 文章标签： asp.net ajax webservice textbox function asp

本文链接：https://blog.csdn.net/haitaoDoit/article/details/7433238

版权

ASP.NET 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

前台：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %>

<!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">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 20%;
        }
        .style2
        {
            width: 89px;
            text-align: right;
        }
    </style>
    <script src="Jquery1.7.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#txbName").blur(function () {
                WebService.GatData($("#txbName").val(), onsuccess, onfailed);
            });
            function onsuccess(result) {
                if (result >= 1) {
                    alert("此用户名已注册请选择其他姓名!");
                }
                else {
                    alert("注册成功！");
                }
            }
            function onfailed() {
                alert("出现故障，请联系管理员！");
            }
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    <Services>
    <asp:ServiceReference Path="~/WebService.asmx" />
    </Services>
    </asp:ScriptManager>
    <div>
    
        <table align="center" class="style1">
            <tr>
                <td class="style2">
                    用户名：</td>
                <td>
                    <asp:TextBox ID="txbName" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style2">
                    密码：</td>
                <td>
                    <asp:TextBox ID="txbPassword" runat="server"></asp:TextBox>
                </td>
            </tr>
        </table>
    
    </div>
    </form>
</body>
</html>

WebService:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;
using System.Text;


/// <summary>
///WebService 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。 
 [System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService {
    string sqlstr = ConfigurationManager.ConnectionStrings["sqlstr"].ConnectionString;
    public WebService () {
        //如果使用设计的组件，请取消注释以下行 
        //InitializeComponent(); 
    }


    [WebMethod]
    public string HelloWorld() {
        return "Hello World";
    }
    [WebMethod]
    public int GatData(string username)
    {
        using (SqlConnection sqlcnn=new SqlConnection(sqlstr))
        {
            using (SqlCommand sqlcmm=sqlcnn.CreateCommand())
            {
                sqlcmm.CommandText = "select count(*) from guestInfo where userName=@username";
                sqlcmm.Parameters.AddWithValue("@username", username);
                sqlcnn.Open();
                int i = Convert.ToInt32(sqlcmm.ExecuteScalar());
                return i;
            }
        }
    }
}

LeoHaiTao

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ASP.NET 使用WebServices+Ajax实现无刷新验证用户是否已注册

前台： .style1 { width: 20%; } .style2 { width: 89px; text-align: right; } $(fu
复制链接

扫一扫