表单 POST 后重定向答案

【问题标题】：Redirect after form POST表单 POST 后重定向
【发布时间】：2015-11-04 11:49:44
【问题描述】：

我正在努力将通过表单提交的信息保存到 parse.com，然后在完成后重定向到备用页面。我的 POST 工作正常，但找不到重定向到新页面的最简单方法。这是我的代码：

 <script>
        function validateForm() {
        Parse.initialize("1oFe8znPN2CwcEj14eIYaIOuxGtW35ZpmOazlG3H", "fJhaxIenhcwAdp66T14LKw4OukJ3lG6DLpkq1JVV");
        var TestObject = Parse.Object.extend("iOS");
var testObject = new TestObject();
  testObject.save({Phone: document.forms["appForm"]["phone"].value },{
  success: function(object) {
    $(".success").show();
  },
  error: function(model, error) {
    $(".error").show();
  }
});}

和

            <input type="text"  name="phone" id="contact_email"  class=" form-control input-email" placeholder="Phone Number">

            <input type="submit" id="sendingbtn" class="btn" value="Submit">

我有 onclick="location.href='appsuccess.html';"在提交输入中，但有时会在 POST 之前推送。有什么建议？谢谢

【问题讨论】：

更改window.location 将强制进行页面重定向。 window.location = 'your url here';
而不是将重定向放在 onclick 上，而是将其放在成功中。

标签： javascript html forms parse-platform href

【解决方案1】：

如何使用

window.location.href = 'http://redirecturl/';

在成功函数中？ (How to redirect to another webpage in JavaScript/jQuery?)

【讨论】：

【解决方案2】：

由于您在页面上显示成功消息，因此我建议在延迟后使用 setTimeout 重定向用户。帖子返回成功后应启动超时。所以，你应该将你的成功函数修改为：

function(object) {  
  $(".success").show();  
  window.setTimeout(function() {  
    location.href = "appsuccess.html";  
  }, 1500);  
}

这将导致网站在延迟 1.5 秒后重定向。您可以根据需要调整时间以获得所需的效果。关于 setTimeout 的文档：https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout

【讨论】：