WEB开发网
开发学院网页设计JavaScript js 控制网页不刷新检测用户名的方法 阅读

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() {
                    }
                });
        });
    });

最后上显示效果。

上一页  1 2 

Tags:js 控制 网页

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接