asp.net JQuery Ajax 结合 WebService 自动匹配 用户是否存在验证

最新推荐文章于 2018-05-14 10:00:18 发布
最新推荐文章于 2018-05-14 10:00:18 发布
阅读量1.5k 收藏
点赞数
分类专栏： asp.net/asp.net mvc/C# Web前端/javascript/jQuery Ajax 文章标签： asp.net jquery ajax webservice
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/anihasiyou/article/details/20045323
版权

创建WebService

GetAuto.asmx的cs写入方法

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Script.Services;
using Model;
using DBUtility;
using System.Data.SqlClient;
using System.Configuration;

/// <summary>
///GetAuto 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。 
 [System.Web.Script.Services.ScriptService]
public class GetAuto : System.Web.Services.WebService {

    public GetAuto () {

        //如果使用设计的组件，请取消注释以下行 
        //InitializeComponent(); 
    }
    [WebMethod]
    public bool VerifyCustomers(string sUserName)
    {
        int customers = 0;
        using (SqlConnection conn = new SqlConnection())
        {
            conn.ConnectionString = ConfigurationManager
                    .ConnectionStrings["ConnectionString"].ConnectionString;
            using (SqlCommand cmd = new SqlCommand())
            {
                cmd.CommandText = "select count(*) as vc  from [table] where " +
                "姓名 ='" + sUserName + "'";
                //cmd.Parameters.AddWithValue("@code", code);
                //cmd.Parameters.AddWithValue("@name", name);
                cmd.Connection = conn;
                conn.Open();
                using (SqlDataReader sdr = cmd.ExecuteReader())
                {
                    while (sdr.Read())
                    {
                        customers=Convert.ToInt32(sdr["vc"]);
                    }
                }
                conn.Close();
            }
            return customers>0?false:true;
        }
    }
    [WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public string[] GetCustomers(string prefix)
    {
        List<string> customers = new List<string>();
        using (SqlConnection conn = new SqlConnection())
        {
            conn.ConnectionString = ConfigurationManager
                    .ConnectionStrings["ConnectionString"].ConnectionString;
            using (SqlCommand cmd = new SqlCommand())
            {
                string stra = prefix.Replace("，", ",").Trim();
                string name="", code = "";
                if (stra.Contains(","))
                {
                    int IndexofA = stra.IndexOf(",");
                    int IndexofAll = stra.Length;
                    code = stra.Substring(0, IndexofA).Trim();
                    name = stra.Substring(IndexofA + 1, IndexofAll - IndexofA - 1).Trim();
                }
                else
                {
                    code = prefix;
                }
                cmd.CommandText = "select ISNULL([姓名],'') as name,员工编号 as code  from [table] where " +
                "员工编号 like '%" + code + "%'";
                if (!string.IsNullOrEmpty(name)) cmd.CommandText += " and [姓名] like '%" + name + "%'";
                //cmd.Parameters.AddWithValue("@code", code);
                //cmd.Parameters.AddWithValue("@name", name);
                cmd.Connection = conn;
                conn.Open();
                using (SqlDataReader sdr = cmd.ExecuteReader())
                {
                    while (sdr.Read())
                    {
                        customers.Add(string.Format("{0}-{1}", sdr["name"], sdr["code"]));
                    }
                }
                conn.Close();
            }
            return customers.ToArray();
        }
    }
    [WebMethod]
    public string HelloWorld() {
        return "Hello World";
    }
    
}

aspx页面 

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

<!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>
    <script src="../JQuery/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="../JQuery/jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>
    <link href="jquery-ui-1.10.4.custom.min.css" rel="stylesheet" type="text/css" />
   
<script type="text/javascript">
    
    $(document).ready(function () {
        $("#<%=txtSearch.ClientID %>").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '<%=ResolveUrl("~/Test/GetAuto.asmx/GetCustomers") %>',
                    data: "{ 'prefix': '" + request.term + "'}",
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        response($.map(data.d, function (item) {
                            return {
                                label: item,
                                txt: item.split('-')[0],
                                val: item.split('-')[1]
                            }
                        }))
                    },
                    error: function (response) {
                        alert(response.responseText);
                    },
                    failure: function (response) {
                        alert(response.responseText);
                    }
                });
            },
            select: function (e, i) {
                $("#<%=hfCustomerId.ClientID %>").text(i.item.val);
                $("#<%=Label1.ClientID %>").text(i.item.txt);
            },
            minLength: 1
        });
    });
</script>
<script type="text/javascript">
    $(function () {
        //获得焦点focus//失去焦点blur
        $("#txtUserName").blur(function (e) {
            e.preventDefault();

            // 首先判断用户名是否为空，并给出提示
            if ($("#txtUserName").val() == "") {
                //                alert("请输入用户名！");
                $("#verifyresult").text("请输入用户名！");
            }
            else {
                sendData($("#txtUserName").val());
            }
        });

        // 定义一个AJAX请求方法
        function sendData(sUserName) {
            // 访问页面后台方法
            var loc = window.location.href;
            $.ajax({
                type: "POST",
                url: '<%=ResolveUrl("~/Test/GetAuto.asmx/VerifyCustomers") %>',
                // sUserName要跟请求方法CheckUserName定义的参数名称要保持一致
                // json数据格式是由一对键值构成，如{"name1":"value1", "name2":"value2"}
                data: '{ "sUserName": "' + sUserName + '"}',
                // 发送信息至服务器时内容编码类型
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msdata) {
                    // AJAX响应被包装到一个d对象里，如{"d":true}, 
                    // 因此需要用到msdata.d来获取请求返回的布尔值
                    if (msdata.d) {
                        //                        alert("验证用户成功！");
                        $("#verifyresult").text("验证用户成功！");
                    }
                    else {
                        //                        alert("验证用户已经存在！");
                        $("#verifyresult").text("验证用户已经存在！");
                    }
                },
                error: function (xhr, textStatus, errorThrown) {
                    alert("AJAX错误：" + errorThrown);
                }
            });
        }
    });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    自动匹配:<asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>
    <asp:Label ID="hfCustomerId" runat="server" />
    <asp:Label ID="Label1" runat="server" /><br />
    验证用户:<input type ="text" id="txtUserName" />
    <span id="verifyresult" style=" color :Red;"></span>
    </form>
</body>
</html>

用户验证方法参考：http://www.cnblogs.com/iamlixin/archive/2012/02/15/2352000.html


anihasiyou
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ASP.NET AJAX检查用户名是否存在的小例子
06-15
ASP.NET AJAX检查用户名是否存在的小例子 ASP.NET AJAX 无刷新
ASP.NET AJAX 文本框内容自动补全JS代码
11-16
ASP.NET AJAX 文本框内容自动补全JS代码 自动补全 自动提示 根据关键词自动下拉菜单
ASP.net+AJAX智能匹配检索（自动完成）
01-25
ASP.net+AJAX智能匹配检索（自动完成）
asp.net 实现 autocomplete [自动完成] ajax
weixin_30835933的博客
05-05 402
asp.net 实现 autocomplete [自动完成] ajax 问题描述：当我们在textbox中输入字的时候，希望相关字下拉提示，供选择。 解决办法：使用jquery实现。 1、在.net中创建文件：Handler.ashx，代码如下： <%@ WebHandler Language="C#" class="Handler...
asp.net JQuery Ajax WebService 搜索 自动匹配 动态生成表格 点击表格 获取表格内容
anihasiyou的专栏
03-24 1169
老样子，写一个WebService方法GetAuto [WebMethod] //[ScriptMethod(ResponseFormat = ResponseFormat.Json)] public List GetGwName(string prefix) { List persons = new List(); GWInfo a
Jquery + Ajax调用webService实例代码(asp.net)
01-19
webService中要实现ajax调用，则要加这句代码: // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。 [System.Web.Script.Services.ScriptService] 代码下载 /201008/yuanma/WebService2....
jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
10-28
在本文中，我们将深入探讨如何使用jQuery的Ajax方法来调用Asp.Net WebService，并通过具体实例代码进行演示。在Web开发中，Ajax技术能够实现页面的异步更新，提高用户体验，而Asp.Net WebService则提供了服务端的...
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
12-11
首先贴上Jquery的ajax： 代码如下: $.ajax({ url: ‘ws_Ajax.asmx/BindDictByUpper’, type: ‘POST’, contentType: ‘application/json;charset=utf-8’, dataType: ‘json’, data: ‘{ PpareId:”‘ + varlue + ...
asp.net+jquery+ajax所有调用例子
05-26
在这个“asp.net+jquery+ajax所有调用例子”中，我们将深入探讨如何结合这些技术来实现高效的用户交互。 首先，ASP.NET AJAX提供了UpdatePanel组件，使得页面的部分区域可以异步更新，而无需整个页面的回发。通过在...
文本框自动匹配提示功能（JQuery-AJAX）
逆世狂神
11-16 647
2012-09-22 21:53   主要思想：当文本框的值每次改变时都异步请求查询数据并返回匹配结果。 前台页面开始时放置一个ul，当异步请求到数据不为空时，循环向ul中添加li标签，并且给li标签添加onclick事件，使得当点击这些li时，把文本框的值设置为当前li的值。并且显示ul在文本框之下。     前台页面实现：
Ajax使用WebService无刷新验证注册用户的唯一性
guoyang9108的专栏
04-06 1363
$(function () { $("#btn").click(function () { WebService.GetUername($("#Text1").val(), $('#Password1').val(), onSuccess, onFailed);//在这调用WebService的方法 fu
asp.net mvc设置启动项目
anihasiyou的专栏
05-14 6667
mvc项目创建完后，点击启动项目，在浏览器总是显示localhost/Views/Home/Index.cshtml。百度查了查，找到了解决方案。参考地址：https://bbs.csdn.net/topics/3201555341.打开解决方案，右击项目（有个地球形状的带C#的图案）－－选择属性。2.然后在打开的页面中选择“WEB”项，然后在特定页中修改你要的URL。根据你的问题，只要将特定页改...
GridView 动态绑定列
anihasiyou的专栏
04-09 6415
GridView1.DataSource = BLL.GetDataItem();//获取数据 //创建好的GridView中移除某个列： //GridView1.Columns.RemoveAt(1); //在创建好的GridView中添加一列： //构造一个数据列对象出来 BoundField column =
C# 泛型，泛型约束，泛型接口
anihasiyou的专栏
04-16 5932
C#泛型     泛型（使用System.Collections.Generic命名空间）是C#语言2.0和通用语言运行时（CLR）的一个新特性。泛型为.NET框架引入了类型参数（type parameters：不必确定一个或多个具体参数，属于同一类即可。这就把类型不同的隐患消灭在编译阶段——如果类型不对，则编译错误。）的概念。泛型的产生其中一个原因就是为了解决原来集合类中元素的装箱和拆箱问题，
asp.net postedFile.SaveAs和SaveAs,解决了本地查看excel找不到System.IO.Path.GetFileName文件问题
anihasiyou的专栏
09-06 4233
注： fileupload.SaveAs("完整路径带文件名") fileupload.postedFile.SaveAs("文件名") Server.MapPath获得服务器的路径 本地浏览excel总是失败,找了半天原因,其实是一个文件夹没有共享出来,权限是EveryOne(可读写最好完全控制) //DropDownList2是上传的excel内的sheet(表名称) //fil
asp.net 自定义控件（2种方法）
anihasiyou的专栏
01-16 3825
一、在类中写自定义控件 自定义DropDownList： 1，首先创建一个cs类文件Controls（采用工厂模式） using System.Collections.Generic; using System.Text; using System; using System.IO; using System.Drawing; using System.Data; using S
ASP.NET+JQuery模拟股票信息涨跌(Ajax技术)
最新发布
05-24
首先，需要在ASP.NET中创建一个Web应用程序，并添加一个Web Form。在Web Form中，可以使用JQuery来实现页面的交互效果。以下是实现模拟股票信息涨跌的步骤： 1. 创建一个ASP.NET Web应用程序，并添加一个Web Form。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值