<?php
     $var1=1;
     $var2=2;
      echo "<a id='anclka'>
          <input type='text' name='var1' id='var1' value='$var1'>
          <input type='text' name='var2' id='var2' value='$var2'>
      Irme a otra pagina</a>";
   ?>

      <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

     <script>
       $("#anclka").click(function () {
        var var1 = $("#var1").val();
        var var2 = $("#var2").val();
          $.ajax({
          url:'recibo.php',
          data:{var1:var1,var2:var2},
          type:'POST',
          datatype:'json'

        }).done(function(data, textStatus, jqXHR) {

         console.log( "La solicitud se ha completado correctamente." );

        })
         .fail(function(jqXHR, textStatus, errorThrown) {
         console.log( "La solicitud a fallado: " +  textStatus)
         })

      });
     </script>