вызов сервлета из javascript при нажатии клавиши TAB

Question

У меня есть два текстовых поля на моей странице jsp. После ввода данных в первом текстовом поле, когда пользователь нажимает клавишу TAB, автоматически управляет вызовом сервлета (в javascript), затем заполняет второе текстовое поле. Любая помощь приветствуется.

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

Захват TAB нажатие клавиши в javascript с помощью keycode. Затем с помощью AJAX вызова для вызова вашего сервлета

Подробнее о AJAX

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); 
      } 
     });  
}); 

Надеюсь, что это помогает