Call Servlet in a popup

Question

Good morning, you guys...

How can I run a Servlet opening in a popup and passing 1 parameter ? My code is like this : - On the page called

<form name="frmcadentidade" method="get" action="DetalheEntidade">
   <input type='submit' id='btncnes' onclick='abrirConsulta()' 
   value='CONSULTAR'></input>
</form>

function abrirConsulta(){
window.open ('servlets/DetalheEntidade.java', 'pagina', 
"width=250 height=250 left=400 top=250");
}

In case, the parameter I want to pass is another value for that button.

Answer 1

You can solve this problem using requests ajax, and use the javascript library jQuery.

I’ll simulate your servelet in my case:

//este é um exemplo de ajax sendo chamado ao clickar em um botao qualquer do seu html.

//ele pega o id do botao, e no click desse botao ele começa a função ajax
$('#btncnes').click(function(){ 
  var valorInput = $("#value").val();  
  alert("funcionou, texto do input: "+valorInput);  
  $.ajax({ 
    //aqui a url do seu servelet, no caso eu "usei um servelet publico"
    url: 'http://www.json-generator.com/api/json/get/cdYItaXpvm?indent=2', 
    //o tipo do metodo GET,POST, PUT, DELETE
    type: 'GET', 
    //os dados que eu vou enviar é mais usado quando voce vai inserir algo ou alterar
    data: {valorInput: valorInput},
    //caso de certo o que fazer:
    success: function(data) { 
      console.log('retorno do servelet');
      console.log(data);
    } 
  }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name="frmcadentidade" action="DetalheEntidade">
   <input type='text' value="seu texto" id='value' />
   <button type='button' id='btncnes' onclick='podechamarAfuncaoAjaxPorAquiTb()'>CONSULTAR</button>
</form>

I commented on how this request works, and this way you can call a Servlet from anywhere that has an :D ID