ajax 异步访问数据库,AJAX异步调用数据库.doc

AJAX异步调用数据库

AJAX异步调用数据库

页面上我们经常用到登录不刷新或者验证用户输入是不是和数据库要求的一致。

我们可以通过与数据库的交互来实现，但是这样会产生数据刷新。带来的用户体验不是很好。

那么我们就可以通过ajax异步调用来获取。这样的话就是通过客户端的异步调用服务器。不会产生刷新的效果。

下面的代码清晰的阐述出了如何实现：

1：test.aspx

%@Page Language="C#"AutoEventWireup="true"CodeFile="test.aspx.cs"Inherits="test"%

%@Register Assembly="AjaxControlToolkit"Namespace="AjaxControlToolkit"TagPrefix="ajaxToolkit"%

！DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""

html xmlns="

head meta http-equiv="Content-Type"content="text/html；charset=utf-8"/

title加入关心网,让关心无处不在/title script type="text/javascript"language="javascript"src="./js/joinus.js"/script script type="text/javascript"language="javascript"src="./js/Regajax.js"/script

/head body form runat="server"

div id="connet"

div class="lists"

label for="users"

请输入用户名：/label a*/a input type="text"οnfοcus="Mes('name')"id="inputname"οnblur="Check('name',this.value)"runat="server"/

br/

a id="name"/a

/div br/

/div

/form/body

/html 2：

相应javascript：

joinus.js：

function Mes(ids){

if(ids=="mail"){

document.getElementById_x_x(ids).className="mes"；

document.getElementById_x_x(ids).innerHTML="请输入您的邮箱,如admin8@,可以凭此登录"；

}

else if(ids=="pass"){

document.getElementById_x_x(ids).className="mes"；

document.getElementById_x_x(ids).innerHTML="请输入您的登录密码,6到12位数字或字母."；

}

else if(ids=="repass"){

document.getElementById_x_x(ids).className="mes"；

document.getElementById_x_x(ids).innerHTML="请再次输入您的密码"；

}

else if(ids=="name"){

document.getElementById_x_x(ids).className="mes"；

document.getElementById_x_x(ids).innerHTML="请输入您的登录用户名,可以凭此登录"；

}

}

function Check(a,obj){

if(a=="name"){

if(obj==""){

document.getElementById_x_x(a).className="error"；

document.getElementById_x_x(a).innerHTML="用户名不能为空,为6到12位字母或数字"；return false；

}

else{

if(obj.length 12||obj.length 6){

document.getElementById_x_x(a).className="error"；

document.getElementById_x_x(a).innerHTML="用户名太长或太短,应该为6到12位字母或数字"；return false；

}

else{

//

sendRequest("./dataaccess/check.aspx?type=name&="+obj,"name")；return false；

}

}

}

}

3：

RegAjax.js：

var httpRequ