Pass data through POST with jquery

Question

On one page I upload a list of people with a checkbox next to each one. I want to move to the next page all the people I selected. I’m trying to do it like this:

In this code below I check who is selected and add in the Nips variable. This code works perfectly.

$(".check:checked").each(function(){       
     if($(".check:checked").is(':checked')) 
     {          var nip = $(this).parent().next( 'td' ).text(); 
                nips.push(nip);   
     } 
  }) ;

Now in this code below I pass by post the variable Nips(an array). This code works in part.

$.ajax({             
       type: "POST",
       data: { nips:nips },             
       url: "../pdfporturma.php",
      dataType: "html"           
    });

Why in part? Because it doesn’t point to the other page (../pdfporturma.php). By firebug I see the correct result, showing the vector items all right, but I can’t move to this other page carrying this data.

Resposta do firebug:
array(1) {
["nips"]=>
array(2) {
[0]=>
string(8) "85808610"
[1]=>
string(7) "6506224"
}
}

How do I do it? I’ve tried window.open but it doesn’t pass the data.

Answer 1

You can look at the documentation of $.ajax. Below is an example of how I would do!

$.ajax({
   url : '../pdfprotuna.php',
   dataType : 'html',
   type : 'POST',
   data : {npis : npis},
   beforeSend : function () {
         console.log('Carregando...');
   },
   success : function(retorno){
       alert(retorno);
   },
   error : function(a,b,c){
       alert('Erro: ' + a['status'] + ' ' + c);
   }
});

To pass data by post in a new window.

 <form name="teste" id="form_id_teste" action="teste.php" method="POST" target="BLANK">
     <input type="text" name="teste" value="Valor de teste" />
 </form>
 <script>
    $('#form_id_teste').submit();
 </script>

Answer 2

The marker is missing success: function(data) {$('#').html(data);}

        $.ajax({
        type: "tipo de requisição... GET ou POST",
        data: { seus dados },
        url: "sua página",
        success: function(data) { //Se a requisição retornar com sucesso, 
        //ou seja, se o arquivo existe, entre outros
                $('#').html(data); //Parte do seu 
                //HTML que voce define onde sera carregado o conteudo
                //PHP, por default eu uso uma div, mas da pra fazer em outros lugares
            }
        });

Answer 3

If the checkboxes are inside a form, you can send the date as follows

data : $( "form" ).serialize(),

So you don’t need that extra step to check the selected boxes before submitting the form.