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 相关文章推荐
qTip 基于JQuery的Tooltip插件[兼容性好]
Sep 01 Javascript
jquery 查找iframe父级页面元素的实现代码
Aug 28 Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
Feb 02 Javascript
一个检测表单数据的JavaScript实例
Oct 31 Javascript
浅析node.js中close事件
Nov 26 Javascript
js获取iframe中的window对象的实现方法
May 20 Javascript
微信小程序自定义导航隐藏和显示功能
Jun 13 Javascript
Vue.js仿微信聊天窗口展示组件功能
Aug 11 Javascript
微信小程序之选项卡的实现方法
Sep 29 Javascript
vue父组件向子组件(props)传递数据的方法
Jan 02 Javascript
Node.js中文件系统fs模块的使用及常用接口
Mar 06 Javascript
JS绘图Flot应用图形绘制异常解决方案
Oct 16 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批量去除文件UTF8 BOM信息
2013/08/05 PHP
php防止伪造数据从地址栏URL提交的方法
2014/08/24 PHP
跟我学Laravel之视图 &amp; Response
2014/10/15 PHP
PHP的AES加密算法完整实例
2016/07/20 PHP
PHP 二级子目录(后台目录)设置二级域名
2017/03/02 PHP
js获取select标签选中值的两种方式
2014/01/09 Javascript
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
浅谈JavaScript异常处理语句
2015/06/26 Javascript
JavaScript入门系列之知识点总结
2016/03/24 Javascript
jquery日历插件e-calendar升级版
2016/11/10 Javascript
JavaScript 限制文本框不可输入英文单双引号的方法
2016/12/20 Javascript
微信小程序 图片绝对定位(背景图片)
2017/04/05 Javascript
js + css实现标签内容切换功能(实例讲解)
2017/10/09 Javascript
javascript 判断用户有没有操作页面
2017/10/17 Javascript
vue2实现数据请求显示loading图
2017/11/28 Javascript
Koa代理Http请求的示例代码
2018/10/10 Javascript
python下如何让web元素的生成更简单的分析
2008/07/17 Python
python判断字符串是否包含子字符串的方法
2015/03/24 Python
python 把文件中的每一行以数组的元素放入数组中的方法
2018/04/29 Python
python 字典中取值的两种方法小结
2018/08/02 Python
Django 开发环境与生产环境的区分详解
2019/07/26 Python
keras之权重初始化方式
2020/05/21 Python
Python几种常见算法汇总
2020/06/02 Python
使用Python实现微信拍一拍功能的思路代码
2020/07/09 Python
python环境搭建和pycharm的安装配置及汉化详细教程(零基础小白版)
2020/08/19 Python
基于pycharm 项目和项目文件命名规则的介绍
2021/01/15 Python
澳洲的服装老品牌:SABA
2018/02/06 全球购物
世界上最大的高分辨率在线图片库:Alamy
2018/07/07 全球购物
prAna官网:瑜伽、旅行和冒险服装
2019/03/10 全球购物
酒店秘书求职信范文
2014/02/17 职场文书
机电专业毕业生求职信
2014/07/01 职场文书
毕业生找工作求职信
2014/08/05 职场文书
机电专业毕业生自我鉴定2014
2014/10/04 职场文书
通知的格式范文
2015/04/27 职场文书
婚礼迎宾词大全
2015/08/10 职场文书
2016入党积极分子党校培训心得体会
2016/01/06 职场文书