로그인 페이지 aax 요청
33459 단어 에세이
로그인 페이지 aax 요청
###login.js
1. 로그인 인증 프롬프트 정보
//
sub.on('click',function(e){
e.preventDefault();
var username=$('.login_box #Account').val()
var password=$('.login_box #Password').val()
var captchaCode=$('.login_box #Capcode').val()
var param = {'username':username,'password':password,'captchaCode':captchaCode};
// console.log("Request param = "+JSON.stringify(param));
$.ajax({
type:"post",
url:'/hjrz-webapp/app/admin/dologin',
dataType: 'json',
contentType:"application/json",
cache : false,
data: JSON.stringify(param),
}).done(function(result){
// console.log("++++" + JSON.stringify(result));
if(result.code == '0'){
$('.error5').html('')
$('.error6').html('')
$('.error7').html('')
window.location.href='/hjrz-webapp/app/admin/index'
}
else if(result.code == '0100'){
$('.error5').html(result.message)
$('.error6').html('')
$('.error7').html('')
}
else if(result.code == '0101'){
$('.error6').html(result.message)
$('.error5').html('')
$('.error7').html('')
}
else if(result.code == '0102'){
$('.error5').html('')
$('.error6').html('')
$('.error7').html(result.message)
}
else if(result.code == '0103'){
$('.error5').html('')
$('.error6').html('')
$('.error7').html(result.message)
}
else if(result.code == '0104'){
$('.error5').html(result.message)
$('.error6').html(result.message)
$('.error7').html('')
}
}).fail(function(){
console.log('fail');
});
})
2. 인증 코드 부분 리셋
$(document).ready(function(){
var sub=$('.sub input')
var yzm=$('.reg-box li a')
var yimg=$('.reg-box li img')
yzm.on('click',function(){
var num=Math.random()*10;
yimg.attr('src','captchaCode?'+num)
})
yimg.on('click',function(){
var num=Math.random()*10;
yimg.attr('src','captchaCode?'+num)
})
});
### 화호가 aax 요청을 보내지 않고 인증코드를 리셋해도 반응이 없는 문제 해결 방법: 랜덤 수를 추가합니다(이미지 경로와 같이 캐시 그림이 다시 불러오지 않을 때가 있습니다). 이유: js는 온라인에 캐시가 있을 때 js를 도입하여 랜덤 수를 제거할 수 있습니다. 캐시 백그라운드에서 경로만 보고 물음표 앞의
ajax 요청 그림
$(".reg-box li img").click(function(){
var url = "captchaCode";
// var data = {type:1};
$.ajax({
type : "get",
async : false, //
url : url,
// data : data,
timeout:1000,
success:function(dates){
//alert(dates);
$(".reg-box li img")[0].src="captchaCode";// img
},
error: function() {
// alert(" , !");
}
});
});
###login.jsp 페이지<div class="login_box">
<ul class="reg-box">
<li>
<label for=""> label>
<input id="Account" type="text" name="username" placeholder=" " class="account" maxlength="11"/>
<span class="error error5">span>
li>
<li>
<label for=""> label>
<input id="Password" type="password" name="password" class="admin_pwd" placeholder=" "/>
<span class="error error6">span>
li>
<li>
<label for=""> label><input id="Capcode" type="text" name="captchaCode" class="sradd photokey" placeholder=" " />
<img src="captchaCode">
<div class="tip">
<span class="error error7">span>
<a > , a>
div>
li>
ul>
<div class="sub">
<input type="button" value=" " />
div>
div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
시간 형식 변환, "2018-07-12T07:45:0.000Z"와 유사 = > 2018-07-11 15:45:29
정의:
호출
tip: 제가 vue에서 사용한 것도 시간 뒤에 추가할 수 있습니다.split(‘T’)[0]...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
//
sub.on('click',function(e){
e.preventDefault();
var username=$('.login_box #Account').val()
var password=$('.login_box #Password').val()
var captchaCode=$('.login_box #Capcode').val()
var param = {'username':username,'password':password,'captchaCode':captchaCode};
// console.log("Request param = "+JSON.stringify(param));
$.ajax({
type:"post",
url:'/hjrz-webapp/app/admin/dologin',
dataType: 'json',
contentType:"application/json",
cache : false,
data: JSON.stringify(param),
}).done(function(result){
// console.log("++++" + JSON.stringify(result));
if(result.code == '0'){
$('.error5').html('')
$('.error6').html('')
$('.error7').html('')
window.location.href='/hjrz-webapp/app/admin/index'
}
else if(result.code == '0100'){
$('.error5').html(result.message)
$('.error6').html('')
$('.error7').html('')
}
else if(result.code == '0101'){
$('.error6').html(result.message)
$('.error5').html('')
$('.error7').html('')
}
else if(result.code == '0102'){
$('.error5').html('')
$('.error6').html('')
$('.error7').html(result.message)
}
else if(result.code == '0103'){
$('.error5').html('')
$('.error6').html('')
$('.error7').html(result.message)
}
else if(result.code == '0104'){
$('.error5').html(result.message)
$('.error6').html(result.message)
$('.error7').html('')
}
}).fail(function(){
console.log('fail');
});
})
$(document).ready(function(){
var sub=$('.sub input')
var yzm=$('.reg-box li a')
var yimg=$('.reg-box li img')
yzm.on('click',function(){
var num=Math.random()*10;
yimg.attr('src','captchaCode?'+num)
})
yimg.on('click',function(){
var num=Math.random()*10;
yimg.attr('src','captchaCode?'+num)
})
});
$(".reg-box li img").click(function(){
var url = "captchaCode";
// var data = {type:1};
$.ajax({
type : "get",
async : false, //
url : url,
// data : data,
timeout:1000,
success:function(dates){
//alert(dates);
$(".reg-box li img")[0].src="captchaCode";// img
},
error: function() {
// alert(" , !");
}
});
});
<div class="login_box">
<ul class="reg-box">
<li>
<label for=""> label>
<input id="Account" type="text" name="username" placeholder=" " class="account" maxlength="11"/>
<span class="error error5">span>
li>
<li>
<label for=""> label>
<input id="Password" type="password" name="password" class="admin_pwd" placeholder=" "/>
<span class="error error6">span>
li>
<li>
<label for=""> label><input id="Capcode" type="text" name="captchaCode" class="sradd photokey" placeholder=" " />
<img src="captchaCode">
<div class="tip">
<span class="error error7">span>
<a > , a>
div>
li>
ul>
<div class="sub">
<input type="button" value=" " />
div>
div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
시간 형식 변환, "2018-07-12T07:45:0.000Z"와 유사 = > 2018-07-11 15:45:29정의: 호출 tip: 제가 vue에서 사용한 것도 시간 뒤에 추가할 수 있습니다.split(‘T’)[0]...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.