jQuery如何将数据放入HTML（.data）

Hi all i have a question, I have a web page with a datatable filled with data from my DB. I have a columns of checkbox and a button. When i click on my button, I open a new page that generate an invoice. I have done a script in jQuery which get the ID of my order with the checkbox.

Code of my check box ( i use bootstrap):

 <td><div class="ckbox ckbox-success">
         <input type="checkbox" class="select-invoice" data-idcommande="<?= $commande->getId()?>"/>
         <label for="checkboxSuccess"></label>
     </div>
  </td>

This is the code of my button (bootsrap too):

 <a class="btn btn-labeled btn-warning" href="facture-facture_groupee.html" id="invoicebtn"> <span class="btn-label"><i class="fa fa-eur"></i></span>Facturer les commandes sélectionnées </a>

Now this is the script i've made when i click on my button:

$( "#invoicebtn" ).click(function() {
   $('.select-invoice').each(function() {
       $(this).data("idcommande");             
   }); 
});

This work fine (I have tested with alert())

But now i want to put the id I've collected in the other page but i don't know how to do it.

Thanks for reading and sorry for my english i'm french.

Use Ajax to communicate between client and server.

Client :

$.post( "test.php", { name: "John", time: "2pm" } );

Server :

if($_POST) {
    $name = $_POST['name'];
    $time = $_POST['time'];
}

I have found the solution of my question thanks for anwsering it.

this is my JS :

$("#boutonfacturer").click(function () {

var checked = $('input[name="id_commande[]"]:checked');
var tab = [];
checked.each(function () {
    var value = $(this).val();
    tab.push(value);
});

$.post("genererfacture-facture_groupee.html",
        {
            id: tab

        }
      ).success(function(retour) { 
    console.log("Data Loaded: " + tab);

    });
});