Ajax實現異步刷新驗證用戶名是否已存在的具體方法
都是簡單的實例，所以直接發(fā)代碼
靜態(tài)頁面Ajax.html
<html>
<head>
<title>Ajax</title>
<script type="text/javascript">
function loadXMLDoc() {
if (document.getElementById("account").value == "") {
document.getElementById("accDiv").innerHTML = "用戶名不能為空";
return;
}
var xmlHttp;
if(window.XMLHttpRequest) { // code for IE7+
xmlHttp = new XMLHttpRequest();
}
else { // code for IE5/IE6
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
//document.getElementById("myDiv").innerHTML=xmlHttp.responseText;
if (xmlHttp.responseText == "true") {
document.getElementById("accDiv").innerHTML = "用戶名不可用";
}
else {
document.getElementById("accDiv").innerHTML = "用戶名可用";
}
}
}
var a = document.getElementById("account").value;
// get
xmlHttp.open("GET", "validate.aspx?account=" + a + "&random=" + Math.random, true);
xmlHttp.send();
}
function delData() {
document.getElementById("account").value = "";
document.getElementById("accDiv").innerHTML = "";
}
</script>
</head>
<body>
<h3>ajax</h3>
<table>
<tr>
<td>賬號：</td><td><input id="account" type="text" onblur="loadXMLDoc();" onfocus="delData();"/></td><td><div id="accDiv"></div></td>
</tr>
<tr>
<td>密碼：</td><td><input id="passwd" type="password" /></td>
</tr>
<tr>
<td>確認密碼：</td><td><input id="vPasswd" type="password" /></td>
</tr>
<tr>
<td>姓名：</td><td><input id="name" type="text" /></td>
</tr>
</table>
</body>
</html>
在賬號輸入框失去焦點時調用函數
訪問服務器使用的是Get方法，所以在參數處使用了附加隨機碼來避免緩存。
驗證頁面validate.aspx后臺代碼：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Configuration;
using System.Data.Sql;
using System.Data.SqlClient;
public partial class Ajax_validate_validate : System.Web.UI.Page
{
public SqlConnection conn;
protected void Page_Load(object sender, EventArgs e)
{
Response.Clear();
if (Exists(Request.QueryString["account"]))
Response.Write("true");
else
Response.Write("false");
Response.End();
}
/// <summary>
/// 獲取數據庫連接
/// </summary>
/// <returns></returns>
protected SqlConnection GetConnection()
{
string str = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
conn = new SqlConnection(str);
return conn;
}
protected bool Exists(string account)
{
using (GetConnection())
{
try
{
conn.Open();
string sqlStr = "select count(*) from userinfo where account='" + account + "'";
SqlCommand cmd = new SqlCommand(sqlStr, conn);
int row = Convert.ToInt32(cmd.ExecuteScalar());
if (row > 0)
return true;
else
return false;
}
catch (Exception e)
{
throw e;
}
finally
{
conn.Close();
}
}
}
}
在后臺中驗證用戶名是否已經存在于數據庫中，返回真或者假
運行結果：
數據庫很簡單，只建了一張表userinfo，有3個字段：account、passwd、name
注意：在后臺往請求頁面寫數據時，當寫完要發(fā)送的數據之后，需要調用Response.end()方法來終止寫入，否則可能會發(fā)送一個完整頁面過去。
相關文章
ASP.NET Core讀取Request.Body的正確方法
相信大家在使用ASP.NET Core進行開發(fā)的時候，肯定會涉及到讀取Request.Body的場景，畢竟我們大部分的POST請求都是將數據存放到Http的Body當中，本文就介紹一下ASP.NET Core讀取Request.Body，感興趣的可以了解一下2021-05-05
Entity Framework使用Code First模式管理視圖
本文詳細講解了Entity Framework使用Code First模式管理視圖的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
nunit使用指南之—NUnit Quick Start...2007-03-03
ASP.Net使用System.Security.Principal模擬用戶
這篇文章介紹了ASP.Net使用System.Security.Principal模擬用戶的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05
加密web.config的方法分享，需要的朋友可以參考一下2013-03-03
這篇文章主要介紹了.Net Core讀取Json配置文件的實現示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
由于最近在業(yè)務上的需要，利用.NET把一個文件夾下面的所有文件讀取，然后從文件中正則匹配出所有的電子郵件，然后寫入到一個新的文件夾，需求就這樣，很簡單。代碼寫作也不超過10min，發(fā)上來吧。哈哈2008-12-12
剖析ASP.NET MVC的DependencyResolver組件
這篇文章主要為大家剖析ASP.NET MVC的DependencyResolver組件，感興趣的小伙伴們可以參考一下2016-04-04
.NET?Framework?的項目如何使用?FTP?下載文件
本文專門針對面向?.NET?Framework?的項目,?對于面向?.NET?6?及更高版本的項目,不再支持?FTP,此示例演示如何從?FTP?服務器下載文件,感興趣的朋友跟隨小編一起看看吧2024-01-01
雖然擴展方法只是改變了我們寫代碼的方式，但是如果我們使用得當，可以給我們帶來巨大的編碼效率的提升接下來介紹通過擴展方法（鏈式方法）為MVC 3視圖添加驗證2013-01-01