Ajax實(shí)現(xiàn)異步刷新驗(yàn)證用戶名是否已存在的具體方法
都是簡單的實(shí)例,所以直接發(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>賬號(hào):</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>確認(rèn)密碼:</td><td><input id="vPasswd" type="password" /></td>
</tr>
<tr>
<td>姓名:</td><td><input id="name" type="text" /></td>
</tr>
</table>
</body>
</html>
在賬號(hào)輸入框失去焦點(diǎn)時(shí)調(diào)用函數(shù)
訪問服務(wù)器使用的是Get方法,所以在參數(shù)處使用了附加隨機(jī)碼來避免緩存。
驗(yàn)證頁面validate.aspx后臺(tái)代碼:
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>
/// 獲取數(shù)據(jù)庫連接
/// </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();
}
}
}
}
在后臺(tái)中驗(yàn)證用戶名是否已經(jīng)存在于數(shù)據(jù)庫中,返回真或者假
運(yùn)行結(jié)果:
數(shù)據(jù)庫很簡單,只建了一張表userinfo,有3個(gè)字段:account、passwd、name
注意:在后臺(tái)往請(qǐng)求頁面寫數(shù)據(jù)時(shí),當(dāng)寫完要發(fā)送的數(shù)據(jù)之后,需要調(diào)用Response.end()方法來終止寫入,否則可能會(huì)發(fā)送一個(gè)完整頁面過去。
相關(guān)文章
基于.Net實(shí)現(xiàn)前端對(duì)話框和消息框
這篇文章主要介紹了基于.Net實(shí)現(xiàn)前端對(duì)話框和消息框的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07asp.net使用npoi讀取excel模板并導(dǎo)出下載詳解
這篇文章主要介紹了asp.net使用npoi讀取excel模板并導(dǎo)出下載的示例,大家參考使用吧2014-01-01asp.net 站點(diǎn)URLRewrite使用小記
asp.net的底層運(yùn)作已經(jīng)也亂談過一番, 今天記一下URLRewrite的方法。2009-11-11如何為asp.net網(wǎng)站項(xiàng)目添加子項(xiàng)目
最近要給公司的電子商務(wù)網(wǎng)站添加個(gè)圈子的功能.網(wǎng)站功能本來就包含有新聞發(fā)布,會(huì)員管理,商品購物,后臺(tái)管理等,現(xiàn)在又要再加上圈子的功能,網(wǎng)站項(xiàng)目越來越復(fù)雜,每次編譯生成的dll超過100k.這樣每次修改任何一個(gè)功能中的任何一個(gè)小問題都要上傳整個(gè)dll,并導(dǎo)致整個(gè)website的首次訪問的重新編譯.2008-10-10asp.net 擴(kuò)展GridView 增加單選按鈕列的代碼
asp.net 擴(kuò)展GridView 增加單選按鈕列的代碼2010-02-02aspnet?core使用websocket實(shí)時(shí)更新商品信息的方法
這篇文章主要介紹了aspnetcore使用websocket實(shí)時(shí)更新商品信息,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01