asp.net结合Ajax验证用户名是否存在的代码

所属分类: 网络编程 / ASP.NET 阅读数: 639
收藏 0 赞 0 分享
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();
/*---------GET 和 POST的区别------------
1、 get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。
post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
2、 对于get方式,服务器端用Request.QueryString获取变量的值,
对于post方式,服务器端用Request.Form获取提交的数据。
两种方式的参数都可以用Request来获得。
3、 get传送的数据量较小,不能大于2KB。
post传送的数据量较大,一般被默认为不受限制。
4、 get安全性非常低,post安全性较高。
5、 当我们在提交表单的时候我们通常用post方式,当我们要传送一个较大的数据文件时,需要用post。
当传递的值只需用参数方式(这个值不大于2KB)的时候,用get方式即可。
*/
request.open("GET", option.url, true);
//request.open("POST", option.url, true);
//发送请求之前设置该属性,获取服务器上的准备状态
request.onreadystatechange = ResponseRequest;
request.send(null);
}
/*
request.readyState == 4说明服务器已经收到一个响应
request.status == 200,HTTP服务器响应的状态值,表示一切顺利
HTTP的就绪状态
0:请求没有发出(在调用 open() 之前)。
1:请求已经建立但还没有发出(调用 send() 之前)。
2:请求已经发出正在处理之中(这里通常可以从响应得到内容头部)。
3:请求已经处理,响应中通常有部分数据可用,但是服务器还没有完成响应。
4:响应已完成,可以访问服务器响应并使用它。
*/
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()
{
/*
1,url是要链接的页面和传过去的值,传过去值,让动态页面执行
2,Default.aspx为要为这个执行的页面
3,name是传过去的参数名
4,document.getElementById('Text1').value传过去的参数值
5,message.responseText成功之后从服务端返回的消息
*/
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);
}

});

});
});
更多精彩内容其他人还在看

解析WPF实现音频文件循环顺序播放的解决方法

本篇文章是对WPF实现音频文件循环顺序播放的方法进行了详细的分析介绍,需要的朋友参考下
收藏 0 赞 0 分享

解决.net framework 4.0环境下遇到版本不同编译不通过的方法详解

本篇文章是对.net framework 4.0环境下遇到版本不同编译不通过的解决方法进行了详细的分析介绍,需要的朋友参考下
收藏 0 赞 0 分享

将文件上传、下载(以二进制流保存到数据库)实现代码

将文件以二进制流的格式写入数据库:首先获得文件路径,然后将文件以二进制读出保存在一个二进制数组中具体请祥看本文,希望对你有所帮助
收藏 0 赞 0 分享

点击提交按钮后DropDownList的值变为默认值实现分析

在点击提交按钮后,页面上所有的绑定到数据库的控件值都恢复到默认值,下面与大家分享下DropDownList的值变为默认值
收藏 0 赞 0 分享

ASP.NET web.config中数据库连接字符串connectionStrings节的配置方法

ASP.NET web.config中数据库连接字符串connectionStrings节的配置方法,需要的朋友可以参考一下
收藏 0 赞 0 分享

Linkbutton控件在项目中的简单应用

Button控件可分为button控件、LinkButton控件、ImageButton控件三类,而LinkButton控件则在页面上显示为一个超级链接,下面与大家分享下其具体应用
收藏 0 赞 0 分享

Web.config 和 App.config 的区别分析

Web.config 和 App.config 的区别分析,需要的朋友可以参考一下
收藏 0 赞 0 分享

基于.Net中的数字与日期格式化规则助记词的使用详解

本篇文章是对.Net中的数字与日期格式化规则助记词的使用进行了详细的分析介绍,需要的朋友参考下
收藏 0 赞 0 分享

解决在Web.config或App.config中添加自定义配置的方法详解

本篇文章是对在Web.config或App.config中添加自定义配置的方法进行了详细的分析介绍,需要的朋友参考下
收藏 0 赞 0 分享

深入本机影像生成器(Ngen.exe)工具使用方法详解

本篇文章是对本机影像生成器(Ngen.exe)工具使用方法进行了详细的分析介绍,需要的朋友参考下
收藏 0 赞 0 分享
查看更多