Ajax+asp應(yīng)用實(shí)例 注冊(cè)模塊,表單提交
更新時(shí)間:2008年11月03日 11:29:13 作者:
實(shí)例ajax注冊(cè)用戶和表單提交效果代碼
<!--注冊(cè)模塊-->default.asp
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ajax - Sample1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> //請(qǐng)一定要將此頁(yè)的編碼設(shè)為UTF-8,否則將出現(xiàn)亂碼
<meta name="author" content="tonyhl[at]126.com" />
<meta http-equiv="pragma" content="no-cache"/>
<script language="javascript" type="text/javascript" src="reg.js"></script>
<link rel="stylesheet" href="css.css" type="text/css" media="all"/>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 409px;
top: 88px;
}
-->
</style>
</head>
<body>
<h2>Ajax應(yīng)用實(shí)例: 注冊(cè)模塊</h2>
<div id="Layer1">
<div id="msg"></div>
</div>
ID: <input type="text" id="regid" />
Password: <input type="password" id="regpassword" />
<input name="f" type="file" />
<input type="submit" id="regsubmit" value="注冊(cè)" onclick="Check()" />
<h2>當(dāng)注冊(cè)ID為 tony的用戶時(shí),后臺(tái)驗(yàn)證該ID已存在,返回提示信息<br />
為突出顯示無(wú)刷新效果,服務(wù)器端程序?qū)⒆詣?dòng)進(jìn)行百萬(wàn)加法運(yùn)算
</h2>
</body>
</html>
<!----表單數(shù)據(jù)提交腳本--->REG.JS
function GE(a){return document.getElementById(a);}
function Check(){
if(GE('regid').value==''){GE('msg').innerHTML='ID不能為空';return false}
if(GE('regpassword').value==''){GE('msg').innerHTML='password 不能為空';return false}
var X=new ActiveXObject("Msxml2.XMLHTTP");
if(X){
GE('regsubmit').disabled=true;
X.onreadystatechange=function(){
if(X.readyState==4){
if(X.status==200){
eval(X.responseText)
}
else{GE('msg').innerHTML=X.statusText}
}
else{GE('msg').innerHTML="正在提交數(shù)據(jù)..."}
};
X.open('POST','reg.asp',true);
X.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
var SendData = 'regid='+GE('regid').value+'®password='+GE('regpassword').value+'&file='+GE('f').value
X.send(SendData)
}
else{
GE('msg').innerHTML='你的瀏覽器不支持XMLHttpRequest'
}
}
<!---程序處理--->reg.asp
<%@ LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>//CODEPAGE必須為650001,否則也出現(xiàn)亂碼,如果有HTML文字,一定設(shè)為UTF-8編碼,否則將出現(xiàn)亂碼.
<%
Dim regid, regpassword, str
regid=Request.Form("regid")
regpassword=Request.Form("regpassword")
f=Request.Form("file")
Dim i, ii
ii = 0
For i = 0 To 1000000
ii = ii + i
Next
If regid="" or regpassword="" then
str = "ID和PASSWORD必須填寫(xiě)"
Else
If regid <> "tony" Then
str = "注冊(cè)成功,ID為" & regid & " , 密碼為" & regpassword&f
Else
str = "注冊(cè)失敗,ID已經(jīng)存在"
End If
End if
Response.Write "GE('msg').innerHTML='" & str & "';GE('regsubmit').disabled=false"
Response.End
%>
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ajax - Sample1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> //請(qǐng)一定要將此頁(yè)的編碼設(shè)為UTF-8,否則將出現(xiàn)亂碼
<meta name="author" content="tonyhl[at]126.com" />
<meta http-equiv="pragma" content="no-cache"/>
<script language="javascript" type="text/javascript" src="reg.js"></script>
<link rel="stylesheet" href="css.css" type="text/css" media="all"/>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 409px;
top: 88px;
}
-->
</style>
</head>
<body>
<h2>Ajax應(yīng)用實(shí)例: 注冊(cè)模塊</h2>
<div id="Layer1">
<div id="msg"></div>
</div>
ID: <input type="text" id="regid" />
Password: <input type="password" id="regpassword" />
<input name="f" type="file" />
<input type="submit" id="regsubmit" value="注冊(cè)" onclick="Check()" />
<h2>當(dāng)注冊(cè)ID為 tony的用戶時(shí),后臺(tái)驗(yàn)證該ID已存在,返回提示信息<br />
為突出顯示無(wú)刷新效果,服務(wù)器端程序?qū)⒆詣?dòng)進(jìn)行百萬(wàn)加法運(yùn)算
</h2>
</body>
</html>
復(fù)制代碼 代碼如下:
<!----表單數(shù)據(jù)提交腳本--->REG.JS
function GE(a){return document.getElementById(a);}
function Check(){
if(GE('regid').value==''){GE('msg').innerHTML='ID不能為空';return false}
if(GE('regpassword').value==''){GE('msg').innerHTML='password 不能為空';return false}
var X=new ActiveXObject("Msxml2.XMLHTTP");
if(X){
GE('regsubmit').disabled=true;
X.onreadystatechange=function(){
if(X.readyState==4){
if(X.status==200){
eval(X.responseText)
}
else{GE('msg').innerHTML=X.statusText}
}
else{GE('msg').innerHTML="正在提交數(shù)據(jù)..."}
};
X.open('POST','reg.asp',true);
X.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
var SendData = 'regid='+GE('regid').value+'®password='+GE('regpassword').value+'&file='+GE('f').value
X.send(SendData)
}
else{
GE('msg').innerHTML='你的瀏覽器不支持XMLHttpRequest'
}
}
<!---程序處理--->reg.asp
復(fù)制代碼 代碼如下:
<%@ LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>//CODEPAGE必須為650001,否則也出現(xiàn)亂碼,如果有HTML文字,一定設(shè)為UTF-8編碼,否則將出現(xiàn)亂碼.
<%
Dim regid, regpassword, str
regid=Request.Form("regid")
regpassword=Request.Form("regpassword")
f=Request.Form("file")
Dim i, ii
ii = 0
For i = 0 To 1000000
ii = ii + i
Next
If regid="" or regpassword="" then
str = "ID和PASSWORD必須填寫(xiě)"
Else
If regid <> "tony" Then
str = "注冊(cè)成功,ID為" & regid & " , 密碼為" & regpassword&f
Else
str = "注冊(cè)失敗,ID已經(jīng)存在"
End If
End if
Response.Write "GE('msg').innerHTML='" & str & "';GE('regsubmit').disabled=false"
Response.End
%>
您可能感興趣的文章:
- ajax 技術(shù)和原理分析
- 談?wù)凙jax原理實(shí)現(xiàn)過(guò)程
- Ajax的內(nèi)部實(shí)現(xiàn)機(jī)制、原理與實(shí)踐小結(jié)
- Ajax工作原理深入理解
- jquery的ajax跨域請(qǐng)求原理和示例
- 完成了AJAX樹(shù)附原理分析
- ajax 文件上傳應(yīng)用簡(jiǎn)單實(shí)現(xiàn)
- Ajax方式提交帶文件上傳的表單及隱藏iframe應(yīng)用
- AngularJS入門(mén)教程之與服務(wù)器(Ajax)交互操作示例【附完整demo源碼下載】
- Ajax PHP簡(jiǎn)單入門(mén)教程代碼
- Ajax原理與應(yīng)用案例快速入門(mén)教程
相關(guān)文章
網(wǎng)站開(kāi)發(fā)防止中文亂碼需要了解的codepage的重要性小結(jié)
這幾天研究UTF-8編碼,太暈了,把我的看法和各位討論討論。 歡迎來(lái)批啊。以下都是我的想法,哪里有不對(duì)的請(qǐng)不吝賜教,幫忙指出來(lái)。2010-06-06asp 讀取 utf-8格式文檔并生成utf-8格式文檔的亂碼問(wèn)題
asp 讀取 utf-8格式文檔并生成utf-8格式文檔的亂碼問(wèn)題...2007-07-07asp的SQL語(yǔ)句中and和or同時(shí)使用的注意事項(xiàng)
這篇文章主要介紹了asp的SQL語(yǔ)句中and和or同時(shí)使用的注意事項(xiàng),需要的朋友可以參考下2015-11-11SmartHTTP 簡(jiǎn)易HttpRequest類(ASP)
SmartHTTP 簡(jiǎn)易HttpRequest類(ASP),需要的朋友可以參考下。2011-03-03asp CutStrX字符串截取函數(shù)(過(guò)濾全部HTML標(biāo)記)
asp CutStrX字符串截取函數(shù)(過(guò)濾全部HTML標(biāo)記),比較不錯(cuò),需要的朋友可以參考下。2011-07-07asp中使用MSXML2.DOMDocument處理XML數(shù)據(jù)時(shí)的注意事項(xiàng)
這篇文章主要介紹了asp中使用MSXML2.DOMDocument處理XML數(shù)據(jù)時(shí)的注意事項(xiàng),本文給出了4個(gè)需要注意的問(wèn)題,需要的朋友可以參考下2014-08-08