表单POST后重定向

时间:2015-08-12 03:32:51

标签: javascript html forms parse-platform href

我正在努力将通过表单提交的信息保存到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之前推送。有什么建议?感谢

2 个答案:

答案 0 :(得分:1)

使用

怎么样?
window.location.href = 'http://redirecturl/';

成功功能? (How to redirect to another webpage in JavaScript/jQuery?

答案 1 :(得分:1)

由于您在页面上显示成功消息,因此我建议在使用setTimeout延迟后重定向用户。应在post成功返回后启动超时。因此,您应该将成功函数修改为:

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