2013-11-28 4 views
0

자동으로 양식의 특정 부분을 제출하지만 서버에 보내야하는 값 속성이있는 페이지를 새로 고치지 않으려면 어떻게해야합니까?숨겨진 양식 값을 자동으로 제출 하시겠습니까?

나는이 끊임없이 내 데이터베이스에서하지만 페이지를 새로 고침없이 이메일 주소의 일치를 확인하는 것입니다해야 할 이유 ....

난 함수마다 0.25 초를 트리거로 설정 간격을 사용할 수 있습니다 알고 내 속성이 서버에 전송되도록 삽입해야하는 것은 무엇입니까?

+1

가장 좋은 방법은 jQuery + AJAX를 사용하는 것입니다. http://api.jquery.com/jQuery.ajax/ – Deryck

+0

서버에 정보를 요청하려면'$ .ajax()'또는 관련 메소드를 사용해야합니다. Ajax는 올바르게 사용하면 페이지 새로 고침을 방지합니다 :-) – devnull69

+0

이 플러그인을 사용하십시오. [jquery 양식] (http://malsup.com/jquery/form/) –

답변

1

jquery의 keyup 이벤트를 사용하여 입력 필드의 텍스트를 가져 와서 ajax 요청을 통해 서버로 보낼 수 있습니다.

<input type="text" id="email"> 

<script> 
    $("#email").keyup(function(){ 

    $.ajax({ 
    url: "server_script.php?email="+encodeURIComponent($(this).val()), 
    context: document.body 
    }).success(function(response) { 
     // Server response will come here on success 
     // Do what ever you like with the response 
    }); 

}); 
<script> 

그리고 서버 측에서

$_GET['email']를 사용하여 이메일을하고 유효성 검사가 완료되면 이메일을 확인 echo "success";

1
<input id = "email"> 
<script> 
$('#email').keydown(function(e){ 
    var email_value = e.target.value; 
    $.post("ur backend url", { "email": email_value }).done(function(data){ 
      //respond here 
     }); 
}); 
</script> 

트리거 사용의를 keyDown와 아약스 포스트처럼 뭔가.

관련 문제