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 相关文章推荐
JavaScript CSS修改学习第六章 拖拽
Feb 19 Javascript
加速IE的Javascript document输出的方法
Dec 02 Javascript
浅谈jQuery中对象遍历.eq().first().last().slice()方法
Nov 26 Javascript
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
详解React中的组件通信问题
Jul 31 Javascript
使用jQuery实现购物车结算功能
Aug 15 jQuery
详解JS数组Reduce()方法详解及高级技巧
Aug 18 Javascript
实例详解ztree在vue项目中使用并且带有搜索功能
Aug 24 Javascript
微信小程序使用for循环动态渲染页面操作示例
Dec 25 Javascript
Vue 组件注册实例详解
Feb 23 Javascript
vue百度地图 + 定位的详解
May 13 Javascript
Vue学习之常用指令实例详解
Jan 06 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 Smarty生成EXCEL文档的代码
2008/08/23 PHP
PHP 翻页 实例代码
2009/08/07 PHP
Yii视图CGridView列表用法实例分析
2016/07/12 PHP
PHP实现下载远程图片保存到本地的方法
2017/06/19 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
PHP安装扩展mcrypt以及相关依赖项深入讲解
2021/03/04 PHP
Tinymce+jQuery.Validation使用产生的BUG
2010/03/29 Javascript
javascript 密码强度验证规则、打分、验证(给出前端代码,后端代码可根据强度规则翻译)
2010/05/18 Javascript
jQuery操作checkbox选择(list/table)
2013/04/07 Javascript
jquery实现简单的无缝滚动
2015/04/15 Javascript
JS控制表单提交的方法
2015/07/09 Javascript
jquery根据一个值来选中select下的option实例代码
2016/08/29 Javascript
JavaScript笛卡尔积超简单实现算法示例
2018/07/30 Javascript
解决Vue+Electron下Vuex的Dispatch没有效果问题
2019/05/20 Javascript
js中比较两个对象是否相同的方法示例
2019/09/02 Javascript
js 根据对象数组中的属性进行排序实现代码
2019/09/12 Javascript
js实现无限瀑布流实例方法
2019/09/16 Javascript
js+css实现全屏侧边栏
2020/06/16 Javascript
typescript配置alias的详细步骤
2020/08/12 Javascript
JS实现多功能计算器
2020/10/28 Javascript
使用cx_freeze把python打包exe示例
2014/01/24 Python
Python二维码生成库qrcode安装和使用示例
2014/12/16 Python
Python3写入文件常用方法实例分析
2015/05/22 Python
Pytorch DataLoader 变长数据处理方式
2020/01/08 Python
python requests包的request()函数中的参数-params和data的区别介绍
2020/05/05 Python
matplotlib subplot绘制多个子图的方法示例
2020/07/28 Python
Python+OpenCV图像处理——实现直线检测
2020/10/23 Python
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
专项法律服务方案
2014/06/11 职场文书
群众路线四风问题整改措施
2014/09/27 职场文书
党员个人总结自评
2015/02/14 职场文书
实习生个人总结范文
2015/02/28 职场文书
pandas中DataFrame检测重复值的实现
2021/05/26 Python
为什么RedisCluster设计成16384个槽
2021/09/25 Redis
Python Pandas解析读写 CSV 文件
2022/04/11 Python
使用Mysql计算地址的经纬度距离和实时位置信息
2022/04/29 MySQL