js 控制网页不刷新检测用户名的方法
2012-11-23 14:40:53 来源:WEB开发网核心提示:该文件的.aspx文件中,除了头部标签以外,js 控制网页不刷新检测用户名的方法(2),全部去掉,以下是最普通的数据库访问代码 using System;using System.Collections;using System.Configuration;using System.Data;using System.
该文件的.aspx文件中,除了头部标签以外,全部去掉。

以下是最普通的数据库访问代码
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Data.SqlClient;
public partial class VerifyUserName : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)
{
string userName = Request.QueryString["userName"];
VerifyMyUserName(userName);
}
}
private void VerifyMyUserName(string userName)
{
bool result = false;
SqlConnection conn = new SqlConnection();
conn.ConnectionString = "Data Source=FIREWOOD-PC;Initial Catalog=member;User ID=sa;Password=自己改吧;Pooling=False";
try
{
conn.Open();
string sql = "select COUNT(*) from Member where [Name]='" + userName+"'";
SqlCommand cmd = new SqlCommand(sql, conn);
SqlDataReader rdr = cmd.ExecuteReader();
if (rdr.Read())
{
result = rdr.GetInt32(0) > 0;
}
conn.Close();
if (result)
{
WriteHtmlMsg("existed");
}
else
{
WriteHtmlMsg("failed");
}
}
catch
{
}
finally
{
conn.Close();
}
}
/// <summary>
/// 写Html到页面
/// </summary>
/// <param name="msg"></param>
private void WriteHtmlMsg(string msg)
{
Response.ClearContent();
Response.Cache.SetNoStore();
Response.ContentType = " text/html";
Response.ContentEncoding = System.Text.Encoding.UTF8;
Response.Write(msg);
}
}
利用JQuery提供的Ajax方法来处理是否存在用户名。
下面是利用JQuery的方法来检测是否存在用户名。至于JQuey的编程,这里就不赘述了。
$(document).ready(function(){
$("#txtUserName").blur(function(){
var userName = $("#txtUserName").val();
$.ajax({
async: false, // 此处要设置为同步
cache: true, // 默认true,设置为 false 将不会从浏览器缓存中加载请求信息。
type: "GET", // 默认:GET 请求方式:[POST/GET]
url: "VerifyUserName.aspx", // 默认当前地址,发送请求的地址
data: { userName: userName}, // 发送到服务器的数据
error: function(XMLHttpRequest, textStatus, errorThrown) { alert(XMLHttpRequest + "," + textStatus + "," + errorThrown); }, // 请求失败时调用
timeout: 6000, // 设置请求超时时间
success: function(msg) {
if (msg == "existed"){
//在页面上显示此用户名已经存在
$("#lblExistMsg").html("此用户名已经存在!")
}
else{
$("#lblExistMsg").html("此用户名不存在,可以注册!")
}
},
complete: function() {
}
});
});
});
最后上显示效果。

更多精彩
赞助商链接
