从表单输入＆amp;获取URL加载窗口

Question

我正在使用输出此信息的网址：

我有一个带有POST的表单，用于＆＃39; name＆＃39; ＆安培; ＆＃39;电子邮件＆＃39;

我在表单上设置了感谢页面。

我坚持的是如何获取URL参数，然后从上面的API链接获取信息，然后转到感谢页面。我正在使用jQuery / AJAX来到达我需要的地方。

如何让用户访问API网址，然后访问感谢页面？

Answer 1

您可以使用Jquery / Ajax承诺发送POST请求，等待服务器响应，然后导航到Thank页面。示例代码：

$.ajax({
  method: "POST",
  url: "some.php",
  data: { name: "John", email: "John.Doe@email.com" }
})
  .done(function(data) {
    console.log( data );
    // navigate to Thank you page
  });

此处提供更多信息：http://api.jquery.com/jquery.ajax/

Answer 2

验证表单数据和重定向的一些基本代码是：

＆＃13;

＆＃13;

$('[data-validate]').on('submit', function(e) {
    e.preventDefault();
    var thisForm = $(this);
    var validateUrl = thisForm.data('validate');
    var redirectUrl = thisForm.attr('action');
    var dataToSend = thisForm.serialize();
    $.ajax({
        url: validateUrl,
        dataType: 'json',
        data: dataToSend,
        success: function(response) {
            if (response.success) {
                window.location = redirectUrl;
            } else {
                alert('Error!');
            }
        }
    })
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="thank-you.html" data-validate="validate.php">
    <p>
        <input name="name" placeholder="Name" />
    </p>
    <p>
        <input name="email" placeholder="Email" />
    </p>
    <p>
        <input type="submit" value="Submit" />
    </p>
</form>

＆＃13;

＆＃13;

＆＃13;