一个简单的用ajax验证注册用户名是否存在的例子
2008-05-28 23:04
811 查看
首先在注册页Default.aspx创建一个XMLHttpRequest对象
<script type ="text/javascript" >
var xmlHttp;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
function tan()
{
createXMLHttpRequest();
var url= "Default2.aspx?name="+document.getElementById("Text1").value;
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=showResult;
xmlHttp.send(null);
}
function showResult()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var str=xmlHttp.responseText;
var info_array=str.split("/r/n");
if(info_array[0]=="0")
document.getElementById ("result").value="可以使用!!!";
else
document.getElementById ("result").value="该用户名已被注册!!!";
}
}
}
</script>
<form id="form1" runat="server">
<input id="Text1" type="text" onblur ="tan();" />
<input id="result" type="text" readonly="readOnly" />
</form>
然后在Default2.aspx接受参数并查看数据库中是否有纪录
protected void Page_Load(object sender, EventArgs e)
{
string i = Request.QueryString["name"].ToString();
String str = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + Server.MapPath("App_Data/test.mdb");
OleDbConnection conn = new OleDbConnection(str);
conn.Open();
string strsql = "select * from [user] where [UserName]='" + i + "'";
OleDbCommand comm = new OleDbCommand(strsql,conn);
OleDbDataReader dr= comm.ExecuteReader();
if(dr.HasRows)
Response.Write("0");
else
Response.Write("1");
}
这样就可以实现,其中代码比较简单,在此就不一一解释了
<script type ="text/javascript" >
var xmlHttp;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
function tan()
{
createXMLHttpRequest();
var url= "Default2.aspx?name="+document.getElementById("Text1").value;
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=showResult;
xmlHttp.send(null);
}
function showResult()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var str=xmlHttp.responseText;
var info_array=str.split("/r/n");
if(info_array[0]=="0")
document.getElementById ("result").value="可以使用!!!";
else
document.getElementById ("result").value="该用户名已被注册!!!";
}
}
}
</script>
<form id="form1" runat="server">
<input id="Text1" type="text" onblur ="tan();" />
<input id="result" type="text" readonly="readOnly" />
</form>
然后在Default2.aspx接受参数并查看数据库中是否有纪录
protected void Page_Load(object sender, EventArgs e)
{
string i = Request.QueryString["name"].ToString();
String str = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + Server.MapPath("App_Data/test.mdb");
OleDbConnection conn = new OleDbConnection(str);
conn.Open();
string strsql = "select * from [user] where [UserName]='" + i + "'";
OleDbCommand comm = new OleDbCommand(strsql,conn);
OleDbDataReader dr= comm.ExecuteReader();
if(dr.HasRows)
Response.Write("0");
else
Response.Write("1");
}
这样就可以实现,其中代码比较简单,在此就不一一解释了
相关文章推荐
- 利用ajax技术验证数据是否存在的一个简单例子
- php+ajax 注册验证用户名是否存在实例
- ajax+servlet实现注册验证(验证用户名是否存在)
- ajax php 验证注册用户名是否存在
- ajax 验证注册用户名是否存在
- Ajax注册验证用户名是否存在 ——引自百度经验
- struts+ajax验证注册用户名是否存在
- 一个ajax例子模拟一个注册页面的查看用户是否存在
- jsp注册页面,Ajax实现验证用户名是否存在,密码是否一致,当不存在时,注册按钮变成灰色。
- 使用ajax验证用户名是否被注册
- Ajax验证用户名是否存在
- ajax使用之验证用户名是否存在
- jQuery对AJAX的封装——$.get(验证用户名是否存在)
- 注册JQuery使用ajax调用后台方法,判断用户名、邮箱是否存在,并显示隐藏提示
- <记录>Jquery + TP +Ajax 验证用户名是否注册
- AJax+springMVC+JQURY.GET--注册界面即时刷新用户名是否存在
- 基于jQuery实现Ajax验证用户名是否存在实例
- ajax—json实现验证用户名是否存在功能
- JS实现AJAX提交数据到后台,实现验证用户名是否存在功能详解