发送帖子数据并重定向到没有 AJAX 的另一个页面答案

【问题标题】：Send Post Data and redirect to another page without AJAX发送帖子数据并重定向到没有 AJAX 的另一个页面
【发布时间】：2019-09-25 17:09:19
【问题描述】：

我有一个带有动作的表单。在没有 AJAX 的情况下创建重定向到另一个页面的主要问题发送当前页面的数据（在操作中）并重定向到另一个页面。有可能还是PHP？

const formElem = document.getElementById('form');

        formElem.addEventListener('submit', function(e) {
            //e.preventDefault();

            window.location.replace('https://dhge.org/pay/{{ uuid }}/');
        })

    <form method="post" action="https://www.tfaforms.com" class="hintsBelow" id="form" role="form">
      <div class="jForm__row jForm__row-margin" id="tfa_1-D">
      <label id="tfa_1-L" class="jForm__label" for="tfa_1">First Name<span> *</span></label>
      <div class="jForm__field">
      <input type="text" id="tfa_1" name="tfa_1" required value="" title="First Name " data-dataset-allow-free-responses="" class="jForm__input">
      </div>
      </div>
    </form>

【问题讨论】：

您的问题令人困惑。您想在处理表单的同时通过 JS 而不是表单操作中的位置进行重定向？你怎么知道表格处理成功了？
所以问题来了：没有 AJAX，从当前页面获取数据到 taforms.com 的唯一方法是正常提交表单，结果会加载 taforms.com。一旦发生这种情况，您将不再位于当前页面上。提交处理程序可能会在请求发送后触发并重定向到您想要的页面，但如果它没有按照您的方式工作，那么它可能不会因为页面被提交卸载。您不想使用 AJAX 有什么原因吗？

标签： javascript ajax forms redirect

【解决方案1】：

您可以使用 document.location.href 进行重定向

document.location.href= 'https://dhge.org/pay/{{ uuid }}/'

【讨论】：

谢谢你，但它不起作用，因为我必须阻止表单

【解决方案2】：

将数据作为 ajax 发送到以 JSON 格式返回数据的 php 控件，然后处理您重定向到下一页的数据，或者使用表单目标页面上的 header 函数通过 php 本身重定向。

【讨论】：