자바 스크립트에서 서블릿을 호출 할 때 Tab 키를 누름

Question

내 JSP 페이지에 두 개의 텍스트 상자가 있습니다. 첫 번째 텍스트 상자에 데이터를 입력 한 후 Tab 키를 누르면 서블릿 (자바 스크립트)이 자동으로 제어되고 두 번째 텍스트 상자가 채워집니다. 어떤 도움을 주셔서 감사합니다.

Answer 1

첫 번째 텍스트 상자의 .keydown() 이벤트에 등록하고 키가 있다면 TAB 서블릿에 AJAX 요청을 실행할 수 있습니다 :

$(function() { 
    // subscribe to the keydown event 
    $('#text1').keydown(function(e) { 
     // when a key is pressed check if its code was 9 (TAB) 
     if (e.which == 9) { 
      // if TAB was pressed send an AJAX request 
      // to the server passing it the currently 
      // entered value in the first textbox 
      $.ajax({ 
       url: '/someservlet/', 
       type: 'POST', 
       data: { value: $(this).val() }, 
       success: function(result) { 
        // when the AJAX succeeds update the value of the 
        // second textbox using the result returned by the server 
        // In this example we suppose that the servlet returns 
        // the following JSON: {"foo":"bar"} 
        $('#text2').val(result.foo); 
       } 
      });  
     } 
    }); 
}); 

여기는 live demo입니다.

Answer 2

keycode을 사용하여 자바 스크립트에서 TAB 키 누르기를 캡처하십시오. 그런 다음 서블릿 호출 아약스 호출을 사용

아약스에 대한

더

http://www.codeguru.com/forum/showthread.php?t=474951

Answer 3

시도해 볼 수 있습니다. 두 번째 텍스트 상자 흐림 이벤트에서 두 번째 텍스트 상자를 채울 함수를 호출하면됩니다.

$('#secondtextbox').blur(function() { 
    $.ajax({ 
      url: '/someservlet/', 
      type: 'POST', 
      data: { value: $('#firsttestbox').val() }, 
      success: function(result) { 
       // when the AJAX succeeds update the value of the 
       // second textbox using the result returned by the server 
       // In this example we suppose that the servlet returns 
       // the following JSON: {"foo":"bar"} 
       $(this).val(result.foo); 
      } 
     });  
}); 

희망이 내가 그것을보고 ...