ajax开发用法 用户名异步检测
2011-10-09 16:55
323 查看
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
// <![CDATA[
function btnReg_onclick() {
//这个实现ajax注册。自己去写。
}
//验证用户名存在不
function checkName() {
var name = $("#username").val();
$.ajax({
type: "post",
url: "Handler.ashx",
// data:"t=checkName &name="+name 我们一般不这样用,但是是可以的。
data: { "t": "checkName", "name": name },
success: function (b) {
if (b == "true") $("#nameTips").text("存在这个用户");
else
$("#nameTips").text("可以注册!");
}
});
}
// ]]>
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
用户注册<br />
<br />
用户名:<input id="username" type="text" onchange="checkName();" /><span id="nameTips"></span><br />
密码:<input id="password" type="text" /><br />
密码确认:<input id="password1" type="text" /></div>
</form>
<p>
<input id="btnReg" type="button" value="注册" onclick="return btnReg_onclick()" /></p>
</body>
</html>
Handler.ashx代码
<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
using System.Data;
using System.Data.SqlClient;
using System.Web.Configuration;
public class Handler : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
// context.Response.Write("Hello World");
string type = context.Request["t"]; //通过类型达到判断调用哪个函数
string name = context.Request["name"];
switch (type)
{
case "checkName":
context.Response.Write( HasUser(name) ) ;
break;
//其他case
default:
break;
}
}
public bool IsReusable {
get {
return false;
}
}
private string HasUser(string username)
{
//这里自己写ado.net代码验证是否有用户。我假设任何情况下都存在这个用户。
string connectionString = "server=.;database=News;uid=sa;pwd=1234;;";
SqlConnection conn = new SqlConnection(connectionString);
conn.Open();
SqlCommand cmd = new SqlCommand();
cmd.Connection = conn;
cmd.CommandText = "SELECT NAME FROM TB_ADMIN WHERE NAME='" + username + "'";
SqlDataReader reader = cmd.ExecuteReader();
if (reader.Read())
return "true";
else
return "false";
}
}
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
// <![CDATA[
function btnReg_onclick() {
//这个实现ajax注册。自己去写。
}
//验证用户名存在不
function checkName() {
var name = $("#username").val();
$.ajax({
type: "post",
url: "Handler.ashx",
// data:"t=checkName &name="+name 我们一般不这样用,但是是可以的。
data: { "t": "checkName", "name": name },
success: function (b) {
if (b == "true") $("#nameTips").text("存在这个用户");
else
$("#nameTips").text("可以注册!");
}
});
}
// ]]>
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
用户注册<br />
<br />
用户名:<input id="username" type="text" onchange="checkName();" /><span id="nameTips"></span><br />
密码:<input id="password" type="text" /><br />
密码确认:<input id="password1" type="text" /></div>
</form>
<p>
<input id="btnReg" type="button" value="注册" onclick="return btnReg_onclick()" /></p>
</body>
</html>
Handler.ashx代码
<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
using System.Data;
using System.Data.SqlClient;
using System.Web.Configuration;
public class Handler : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
// context.Response.Write("Hello World");
string type = context.Request["t"]; //通过类型达到判断调用哪个函数
string name = context.Request["name"];
switch (type)
{
case "checkName":
context.Response.Write( HasUser(name) ) ;
break;
//其他case
default:
break;
}
}
public bool IsReusable {
get {
return false;
}
}
private string HasUser(string username)
{
//这里自己写ado.net代码验证是否有用户。我假设任何情况下都存在这个用户。
string connectionString = "server=.;database=News;uid=sa;pwd=1234;;";
SqlConnection conn = new SqlConnection(connectionString);
conn.Open();
SqlCommand cmd = new SqlCommand();
cmd.Connection = conn;
cmd.CommandText = "SELECT NAME FROM TB_ADMIN WHERE NAME='" + username + "'";
SqlDataReader reader = cmd.ExecuteReader();
if (reader.Read())
return "true";
else
return "false";
}
}
相关文章推荐
- Ajax 异步判断用户名是否存在开发流程
- ajax2用户名检测
- 使用jquery+ajax方式实现用户注册时,检测用户名是否存在
- Ajax用户名异步验证
- 【java项目实践】详解Ajax工作原理以及实现异步验证用户名是否存在+源码下载(java版)
- 最简单的Ajax应用,异步验证用户名
- .Net ajax检测用户名是否重复
- 使用Ajax实时检测"用户名、邮箱等"是否已经存在
- ajax用法及关于同步异步的说明
- ajax 检测用户名是否被占用
- php中使用ajax检测用户名(举例)
- PHP+Ajax检测用户名或邮件注册时是否已经存在实例教程
- Ajax技术之与服务器通信-一个完整的实例(实现检测用户名是否唯一功能)
- 用Rails的Ajax实现注册时的用户名检测
- 【项目实战】---使用ajax完成用户名是否存在异步校验
- jQuery+Ajax+PHP 制作简单的异步数据传输(测试用户名是否可用)
- 【ajax入门】使用Ajax异步实现用户名异步校检
- SSM整合之后,用ajax异步提交验证用户名。
- 【java项目实践】详解Ajax工作原理以及实现异步验证用户名是否存在+源码下载(java版)
- 应用ajax实现检测注册用户名是否已经存在