사용예
<script type="text/javascript" src="../scripts/prototype.js"></script>
<스크립트 유형="텍스트/자바스크립트">
var 진행바;
/**//*
* 기능: 관리자 로그인
*/
함수 사용자 로그인()
{
//페이지 컨트롤 확인
var checkform = new CheckForm();
if(!checkform.checkForm(document.getElementById('formLogin'))) return false;
//데이터 제출 시작
ProgressBar = 새로운 ProgressBar();
ProgressBar.SetStatus("서버에 데이터를 보내는 중입니다.");
var url = "../admin.do";
var pars = "action=Login&username=" + $F('username') + "&password=" + $F('password') + "&rnd=" +$F('rnd');
var myAjax = 새로운 Ajax.Request(
URL,
{메서드: 'post', 매개변수: pars, onComplete: UserLogin_CallBack}
);
}
/**//*
* 기능: 관리자 로그인 - 콜백
*/
함수 UserLogin_CallBack(originalRequest)
{
var objXml = originalRequest.responseXML;
//alert(originalRequest.responseTEXT);
노력하다
{
if(objXml.getElementsByTagName("return")[0].firstChild.nodeValue == "true")
{
ProgressBar.isNeedConfirmButton = 거짓;
ProgressBar.isNeedProgressBar = true;
성공
했습니다. 로드 중입니다. 잠시 기다려 주세요..");
location.href='admin_index.htm';
}
또 다른
{
ProgressBar.isNeedConfirmButton = true;
ProgressBar.isNeedProgressBar = 거짓;
ProgressBar.focusItem = "사용자 이름";
ProgressBar.SetStatus("<img src='../images/error.gif' align='absmiddle'> 죄송합니다. 로그인에 실패했습니다!" + objXml.getElementsByTagName("msg")[0].firstChild.nodeValue)
$ ('btnOK').disabled = false;
}
}
잡다(err)
{
ProgressBar.isNeedConfirmButton = true;
ProgressBar.isNeedProgressBar = 거짓;
ProgressBar.focusItem = "사용자 이름";
ProgressBar.SetStatus("<img src='../images/error.gif' align='absmiddle'> 죄송합니다. 로그인에 실패했습니다!" + err.message)
$('btnOK').disabled = false;
}
}
</script>
<table width="100%" border="0" cellpadding="3" cellpacing="0">
<tr>
<td colspan="3" height="30"></td>
</tr>
<tr>
<td width="21%">사용자 이름:</td>
<td colspan="2">
<input type="text" tabindex="1" id="username" name="username" chname="username" notempty="true" size="20" style="width:180px;" >
</tr>
<tr>
<td>비밀번호:</td>
<td colspan="2"><input type="password" tabindex="2" id="password" name="password" chname="password" notempty="true" size="20" style="width: 180px;" /></td>
</tr>
<tr>
<td>인증코드:</td>
<td colspan="2">
<input type="text" style="width:120px;" id="rnd" tabindex="3" chname="인증 코드" class="input_1" notempty="true" onKeyUp="value=value.replace( /[^d]/g,'')"/>
<img alt="인증 코드" src="../rnd.do?type=admin_rnd" border="0" usemap="absmiddle"/></td>
</tr>
<tr>
<td class="white"> </td>
<td width="22%"><input type="submit" Class="input_1" id="btnOK" value="로그인" tabindex="4"></td>
<td width="57%"><input type="reset" Class="input_1" value="Reset"></td>
</tr>
<tr>
<td colspan="3" height="2"></td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
</table>
프로토타입.js 다운로드 http://edzh.com/scripts/prototype.js