Home / Questions / 179437
Accepted
Alberto Julio Arce Escolar
Asked: 2020-07-11 22:21:40 +0800 CST 2020-07-11 22:21:40 +0800 CST

How can I pass data from one page to another using ajax

  • 772

</head>
<body>

        <form action="llega.php" method="post">
        <input type="text" name="fecha" id="fecha">
        <input type="text" name="direccion" id="direccion">
        <input type="submit" name="enviar">
        <button id="enviar"><a href="llega.php">Enviar</button>
    </form>
 <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script type="text/javascript" src="envia.js"></script>
</body>
</html>

Through ajax we send the variables 

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

    fecha =$("#fecha").val();
    direccion =$("#direccion").val();

    console.log(fecha,direccion);

              var datos = new FormData();

            datos.append("fecha", fecha);
            datos.append("direccion",direccion );

            $.ajax({

                url:"llega.php",
                type: "POST",
                data: datos,
                cache: false,
                contentType: false,
                processData: false,
                success: function(respuesta){

    }

        });

    });

The variables get to arrive.php but they don't get there any idea how to pass them without using a get method 

<?php

echo $_POST["direccion"];
echo $_POST["fecha"];

?>
php

3 Answers

  1. If you are going to use ajax indicating the URL, in the HTML form you do not need to put the action, it can create a conflict. And another thing, because you have an input type submitand then a button that calls the page todollega.php. Remove the button and keep the submit:

    <form>
     <input type="text" name="fecha" id="fecha">
     <input type="text" name="direccion" id="direccion">
     <input type="submit" name="enviar" value="Enviar">
</form>
    • 0

  2. The form is not necessary, because it could cause a conflict with the ajax, as well as the input submit and the href are unnecessary, just this would help you:

            <input type="text" name="fecha" id="fecha">
        <input type="text" name="direccion" id="direccion">
        <button id="enviar">Enviar</button>

    another thing you should adjust is the ajax:

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

fecha =$("#fecha").val();
direccion =$("#direccion").val();

        $.ajax({

            url:"llega.php",
            type: "POST",
            data: {
                direccion: direccion,
                fecha: fecha,
            },
            success: function(respuesta){

            }

    });

});

    And with that, the PHP you have collects the ajax variables.

    • 0
  3. Best Answer

    You must remove the form tag:

    <input type="text" name="fecha" id="fecha">
<input type="text" name="direccion" id="direccion">
<button id="enviar">Enviar</button>

    Ajax would look like this:

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

fecha =$("#fecha").val();
direccion =$("#direccion").val();

        $.ajax({

            url:"proceso.php",
            type: "POST",
            data: {
                direccion: direccion,
                fecha: fecha,
            },
            success: function(respuesta){
                window.location.href = 'llega.php';
            }

    });

});

    You must create a file called process.php and in it write this code:

    <?php

  session_start();
  $_SESSION['DIRECCION']  = $_POST["direccion"];
  $_SESSION['FECHA'] = $_POST["fecha"];

?>

    And in the file arrives.php you put:

    <?php
  session_start();
  echo $_SESSION['DIRECCION'];
  echo $_SESSION['FECHA'];
?>

    I hope it helps you, greetings

    • 0