1， 使用Javascript js文件，验证用户名是否存在
复制代码 代码如下:
var ajax = function(option)
{
var request;
var createRequest = function()
{
//var request;
if (window.XMLHttpRequest)
{
request = new XMLHttpRequest();
}
else
{
try
{
request = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
request = new ActiveXObject("Msxml2.XMLHTTP");
}
}
return request;
}
var sendRequest = function()
{
request = createRequest();
request.open("GET", option.url, true);
//request.open("POST", option.url, true);
//发送请求之前设置该属性,获取服务器上的准备状态
request.onreadystatechange = ResponseRequest;
request.send(null);
}
var ResponseRequest = function()
{
alert("HTTP的就绪状态： "+request.readyState);
if (request.readyState == 4)
{
if (request.status == 200)
{
alert("一切顺利!");
option.Success(request);
}
else
{
alert("出现错误，错误信息为： "+request.status);
option.Failure(request);
}
}
}
sendRequest();
}
//判断输入的数值是否存在
function getIS()
{
var option =
{
url: "Default.aspx?name="+document.getElementById('Text1').value,
Success:function(message)
{
alert(message.responseText);
}
};
new ajax(option);
}
Aspx文件
复制代码 代码如下:
if (Request["name"] != null)
{
this.Response.Clear();
string name = Request["name"].ToString();
if (name == "1")
{
Response.Write("用户名已存在，请填写其他的用户名!");
}
else
{
Response.Write("该用户名没被注册，可以使用!");
}
this.Response.End();
}
2， 通过Jquery实现：
复制代码 代码如下:
$(document).ready(function(){
$("#Button1").click(function(){
$.ajax({
type:"GET",
url:"ResponsePage.aspx?name="+document.getElementById('Text1').value,
success:function(message) {
alert(message);
}
});
});
});
