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

如何使用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>

通过ajax我们发送变量 

 $("#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){

    }

        });

    });

变量到达了arrive.php，但他们不知道如何在不使用get方法的情况下传递它们 

<?php

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

?>
php

3 Answers

  1. 如果你打算使用 ajax 指示 URL，在 HTML 表单中你不需要放置action，它会产生冲突。还有一件事，因为你有一个输入类型submit，然后是一个调用页面的按钮todollega.php。删除按钮并保留提交：

    <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. 表单不是必需的，因为它可能会导致与 ajax 冲突，并且输入提交和 href 是不必要的，这将对您有所帮助：

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

    您应该调整的另一件事是ajax：

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

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

        $.ajax({

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

            }

    });

});

    这样，您拥有的 PHP 就会收集 ajax 变量。

    • 0
  3. Best Answer

    您必须删除表单标签：

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

    阿贾克斯看起来像这样：

    $("#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';
            }

    });

});

    您必须创建一个名为 process.php 的文件并在其中编写以下代码：

    <?php

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

?>

    在文件中你输入：

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

    希望对你有帮助，问候

    • 0