表单提交后重定向用户

时间:2015-05-22 11:54:57

标签: javascript html

我试图让用户点击提交按钮后重定向到其他页面。

function signup() {
    var postData={ "service" :$('input[name=service]').val(), "ent_id": $('input[name=ent_id]').val(), "name": $('input[name=name]').val(), "mail_address" : $('input[name=mail_address]').val(), "password": $('input[name=password]').val()};
    postData = JSON.stringify(postData);
    $.ajax({
             url: 'http://domain.com/api?service=security&action=signup&request=' + postData,
             type: 'GET',
        });
    return false;
}

我希望用户重定向到http://domain.com/success.html/ 这是html:

    <form onsubmit="return signup()">
       Name:<input type="text" name="name">
       Email:<input type="text" name="mail_address">
       Password:  <input type="password" name="password" >
       <input type="submit" name="submit" value="Submit">
       <input type="hidden" name="service" value="wf" />
       <input type="hidden" name="ent_id" value="null" />
    </form>

2 个答案:

答案 0 :(得分:0)

您可以通过设置window.location将用户重定向到另一个页面。我相信。谷歌是你的朋友!

答案 1 :(得分:0)

如果您想在成功完成ajax请求后重定向用户,只需添加&#34;成功&#34; jQuery回调并使用window.location.href

$.ajax({
  url: 'foo',
  method: 'GET',
  success: function () {
      window.location.href = 'success-page.html';
  }
});