Jquery+WebService 校验账号是否已被注册的代码


Posted in Javascript onJuly 12, 2010

详细代码如下:
Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Ajax_XML._Default" %> 
<!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 type="text/javascript" src="jquery-1.3.2-vsdoc2.js" language="javascript"></script> 
<script type="text/javascript" language="javascript"> 
$(function() { 
$("#<%=UserID.ClientID%>").keyup( 
function() { 
$.ajax({ 
type: "POST", 
contentType: "application/json", 
dataType: "json", 
url: "WebService1.asmx/UserIsExist", 
data: "{UserID:'" + $("#<%=UserID.ClientID%>").val() + "'}", 
success: function(result) { 
if (result.d == "true") 
$("#<%=IsExist.ClientID%>").text("Yes");//账号已存在 
else 
$("#<%=IsExist.ClientID%>").text("No");
 
} 
}); 
} 
); 
}) 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<table style="width:100%;"> 
<tr> 
<td> 
 </td> 
<td> 
 </td> 
<td> 
 </td> 
</tr> 
<tr> 
<td> 
 </td> 
<td> 
<asp:TextBox ID="UserID" runat="server"></asp:TextBox> 
<asp:Label ID="IsExist" runat="server" Visible="true"></asp:Label> 
</td> 
<td> 
 </td> 
</tr> 
<tr> 
<td> 
 </td> 
<td> 
 </td> 
<td> 
 </td> 
</tr> 
</table> 
</div> 
</form> 
</body> 
</html>

WebService1.asmx.cs
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; 
using DAL; 
namespace Ajax_XML 
{ 
/// <summary> 
/// WebService1 的摘要说明 
/// </summary> 
[WebService(Namespace = "http://tempuri.org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 
[System.ComponentModel.ToolboxItem(false)] 
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 
[System.Web.Script.Services.ScriptService] 
public class WebService1 : System.Web.Services.WebService 
{ 
[WebMethod] 
public string HelloWorld() 
{ 
return "Hello,World!"; 
} 
[WebMethod] 
public string UserIsExist(string UserID) 
{ 
string sql = string.Format("select * from Customers where FirstName='" + UserID+"'"); 
using (SqlDataReader dr = SqlHelper.ExecuteSql(sql)) 
{ 
if (dr.Read()) 
return "false"; 
else 
return "true"; 
} 
} 
} 
}

SqlHelper.cs
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Data; 
using System.Data.SqlClient; 
using System.Configuration; 
namespace DAL 
{ 
/// <summary> 
/// 数据库操作类 
/// </summary> 
public class SqlHelper 
{ 
private static SqlConnection conn; 
private static SqlCommand comm; 
private static SqlDataReader dr; 
/// <summary> 
/// 打开数据库连接 
/// </summary> 
public static void ConnOpen() 
{ 
try 
{ 
conn = new SqlConnection(ConfigurationManager.ConnectionStrings["BBS"].ConnectionString); 
conn.Open(); 
} 
catch (Exception e) 
{ 
Console.WriteLine( e.Message); 
} 
} 
/// <summary> 
/// 关闭数据库连接,释放资源 
/// </summary> 
public static void ConnClose() 
{ 
if (conn != null) 
{ 
conn.Close(); 
} 
if (comm != null) 
{ 
comm.Dispose(); 
} 
} 
public static SqlDataReader ExecuteSql(string sql) 
{ 
SqlHelper.ConnOpen(); 
comm = new SqlCommand(sql, conn); 
try 
{ 
dr = comm.ExecuteReader(); 
return dr; 
} 
catch (Exception e) 
{ 
throw e; 
} 
} 
} 
}
Javascript 相关文章推荐
JQuery的read函数与js的onload不同方式实现
Mar 18 Javascript
代码触发js事件(click、change)示例应用
Dec 13 Javascript
关于JavaScript中name的意义冲突示例介绍
May 29 Javascript
JQuery给网页更换皮肤的方法
May 30 Javascript
JS获取下拉框显示值和判断单选按钮的方法
Jul 09 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
Feb 24 Javascript
利用Node.JS实现邮件发送功能
Oct 21 Javascript
使用Xcache缓存器加速PHP网站的配置方法
Apr 22 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 Javascript
Angular4集成ng2-file-upload的上传组件
Mar 14 Javascript
vue实现商品列表的添加删除实例讲解
May 14 Javascript
vue 实现element-ui中的加载中状态
Nov 11 Javascript
Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
Jul 11 #Javascript
不同浏览器的怪癖小结
Jul 11 #Javascript
return false;和e.preventDefault();的区别
Jul 11 #Javascript
基于jQuery的树控件实现代码(asp.net+json)
Jul 11 #Javascript
js 模拟气泡屏保效果代码
Jul 10 #Javascript
浅谈javascript的数据类型检测
Jul 10 #Javascript
jquery nth-child()选择器的简单应用
Jul 10 #Javascript
You might like
推荐个功能齐全的发送PHP邮件类
2007/01/03 PHP
Discuz!5的PHP代码高亮显示插件(黑暗中的舞者更新)
2007/01/29 PHP
php无限分类使用concat如何实现
2015/11/05 PHP
JS解密入门之凭直觉解
2008/06/25 Javascript
仿迅雷焦点广告效果(JQuery版)
2008/11/19 Javascript
JavaScript 题型问答有答案参考
2010/02/17 Javascript
终于解决了IE8不支持数组的indexOf方法
2013/04/03 Javascript
jQuery插件的写法分享
2013/06/12 Javascript
jQuery选择器全面总结
2014/01/06 Javascript
AngularJS的内置过滤器详解
2015/05/14 Javascript
jQuery遍历节点树方法分析
2016/09/08 Javascript
Vue.js快速入门实例教程
2016/10/15 Javascript
基于React实现表单数据的添加和删除详解
2017/03/14 Javascript
jQuery复合事件用法示例
2017/06/10 jQuery
node.js + socket.io 实现点对点随机匹配聊天
2017/06/30 Javascript
nodejs发送http请求时遇到404长时间未响应的解决方法
2017/12/10 NodeJs
详解tween.js 中文使用指南
2018/01/05 Javascript
微信小程序实现登录遮罩效果
2018/11/01 Javascript
vue集成kindeditor富文本的实现示例代码
2019/06/07 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
2019/07/10 Javascript
vue 导航菜单刷新状态不消失,显示对应的路由界面操作
2020/08/06 Javascript
详解uniapp的全局变量实现方式
2021/01/11 Javascript
Django接受前端数据的几种方法总结
2016/11/04 Python
Python实现MySQL操作的方法小结【安装,连接,增删改查等】
2017/07/12 Python
一道python走迷宫算法题
2018/01/22 Python
python assert的用处示例详解
2019/04/01 Python
django 使用 PIL 压缩图片的例子
2019/08/16 Python
python和JavaScript哪个容易上手
2020/06/23 Python
PyTorch实现重写/改写Dataset并载入Dataloader
2020/07/14 Python
Python本地及虚拟解释器配置过程解析
2020/10/13 Python
Shopee印度尼西亚:东南亚与台湾市场最大电商平台
2018/06/17 全球购物
旅游专业职业生涯规划范文
2014/01/13 职场文书
捐书寄语赠言
2014/01/18 职场文书
幼儿园教师工作感言
2014/02/15 职场文书
2014年党员加强作风建设思想汇报
2014/09/15 职场文书
鼋头渚导游词
2015/02/05 职场文书