javascript - 使用 jQuery session 或其他可能的方式在下一页上显示数据？

Question

这是我的简单表格:

<form id="myform">
    Name:<input type="text" name="name"><br>
    Email:<input type="text" name="email">
    <a class="btn btn-primary" id="click_btn">Submit</a>
</form>

我想使用 Ajax 提交表单，目前为止一切正常，正在提交。

这是我的 jquery 代码: $(文档).ready(函数() { $('#click_btn').on('click', function() {

    $.ajax({
      url: $('myform').attr('action'),
      data: $('myform').serialize(),
      method: 'post',

      success: function(data) {
        //success meseg then redirct
        alert('success');

        var data = $('#myform').serializeArray();

        var dataObj = {};

        $(data).each(function(i, field) {

          dataObj[field.name] = field.value;
          window.location.href = 'next_page.php';
        });
      }

    })


  });
})

next_page.php 是我要访问的位置，例如:

<?php echo document.write(dataObj["email"]); ?>

我想在提交表单后访问我在下一页提交的这些表单值。我在提交后使用 jQuery 创建了一个包含所有值的数据对象，但仍然无法在下一页上访问。 jquery 中是否有与 session 相关的概念来存储该数组。

Answer 1

我认为您在这里混淆了几个概念；我并不是居高临下的意思，只是想提供帮助。

jQuery 和所有 JavaScript 只存在于客户端(出于实际目的 - 存在异常(exception)情况，某些客户端代码可能出于某种原因在服务器端呈现或编译，但这是另一回事)。 PHP 与任何其他服务器端语言一样，存在于服务器端。这两者无法直接访问彼此的作用域 - 这就是为什么 AJAX 对于在前端和后端之间传输数据非常有用。

基本上，您在这里所做的似乎是在客户端加载数据，但不向服务器端提交任何内容。您实际上并没有执行任何 AJAX 查询。当您通过 window.location.href =... 重定向用户时，实际上没有传输任何数据 - 它只是指示浏览器向 next_page.php 发出新的 GET 请求。 (或者您指示它去的任何地方)。

有几个选项可以实现您想要实现的目标:

1. 使用此处概述的方法实际提交 AJAX 查询 http://api.jquery.com/jquery.ajax/ 。然后您可以使用next_page.php抓取数据并将其存储在 session 中，并在用户到达页面时调用它。
2. 将数据存储在客户端 Cookie 中。
3. 使用标准 HTML <form method="next_page.php"...><input type="submit">使浏览器将表单数据转发到 next_page.php脚本。
4. 还有许多其他选项，但我认为这些是最简单的。