로그인 페이지 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>

좋은 웹페이지 즐겨찾기