알림 만 처음입니다 - AJAX

Question

로그인 시스템을 만들었습니다. 로그인 AJAX를 통한 양식 제출.

그러나 응답은 처음에만 표시됩니다. 즉. 내가 잘못된 자격 증명을 먼저 입력한다고 가정 해보십시오. 응답이 나타납니다. 그러나 새 자격 증명을 다시 입력하면 응답 메시지가 표시되지 않습니다. 죄송합니다. 저는 JQuery에 비교적 익숙하지 않습니다. 아래 Gven

내가이 페이드 아웃에 문제가 될 수있다 생각하는 jQuery 코드

<script type="text/javascript"> 
    $(document).ready(function() { 
     var form = $('#loginform'); 
     form.submit(function (ev) { 
     ev.preventDefault(); 
     $.ajax({ 
      type: form.attr('method'), 
      url: form.attr('action'), 
      cache: false, 
      data: form.serialize(), 
      success: function (data) { 
       if(data == 1){ 
        $("#user-result").html("<font color ='#006600'> Logged in | Redirecting..</font>"); 
        setTimeout(
        function() 
        { 
         window.location.replace("index.php"); 
        }, 1000); 
       } 
       else{ 
        $("#user-result").html(data).delay(2500).fadeOut(800); 
       } 
      } 
     });   
    }); 
}); 
</script> 

입니다. 어떤 도움? 당신이) (페이드 아웃을 사용하고 있기 때문에 두 번째 통지가 올 때

Answer 1

는 user-result 요소가 숨겨져 있습니다. 따라서

$("#user-result").html("<font color ='#006600'> Logged in | Redirecting..</font>").show(); 
$("#user-result").html(data).show().delay(2500).fadeOut(800); 

Answer 2

예, 메시지 컨테이너를 숨기는 fadeout의 문제. 새 메시지를 표시하기 전에 다시 용기를 보여 주어야 : 페이지를 다시로드되거나까지

$("#user-result").html("<font color ='#006600'> Logged in | Redirecting..</font>").show(); 

Answer 3

모든 요소의 페이드 아웃하면, 그것은 늘 표시 fadeIn()

    if(data == 1){ 
         $("#user-result").html("<font color ='#006600'> Logged in | Redirecting..</font>").fadeIn("slow"); 

         setTimeout(
           function() 
           { 
           window.location.replace("index.php"); 
           }, 1000); 

        } 
        else 
        { 
         $("#user-result").html(data).delay(2500).fadeOut(800); 
        } 

때 데이터 == 1, fadeIn()를 사용

Answer 4

당신은 setInterval을 (함수() {})를 사용합니다; 매번 순환하기 위해서.