表单提交后 Javascript 重定向

Question

我对 JavaScript 相当陌生，我正在尝试找到一种方法，当用户点击表单的“提交”按钮时，不要显示“谢谢”div，而是转到 HTML 页面我的选择，即 www.site.com/thanks.html。我发现了几种不同的方法可以实现这一点，但尚未能够成功实现此特定形式中的任何内容，并且需要一些帮助。

这是 HTML 表单:

<div class="row">
<div class="span12">
    <div id="success"></div>
</div>

<div class="span6">
    <div class="control-group controls-row">
        <input class="inputbox span3" type="text" id="rp_name" name="rp_name" placeholder="Name" value="" />
        <input class="inputbox span3" type="text" placeholder="Email" name="rp_email" id="rp_email" value="" />
    </div><!-- end control group -->

    <div class="control-group">
        <input class="inputbox span6" type="text" name="rp_subject" placeholder="Subject" id="rp_subject" value="" />
    </div><!-- end control group -->

    <div class="control-group">
        <input class="btn" id="submit-form" type="submit" name="submit" value="Send Message" />
    </div><!-- end control group -->
</div>

<div class="span6">
    <div class="control-group">
        <textarea class="textarea span6" placeholder="Available Days" name="rp_message" id="rp_message">
        </textarea>
    </div><!-- end control group -->
</div>

这是从中提取“成功消息”js 的位置:

$.ajax({
     type: 'POST',
     url: 'php_helpers/contact_form.php',
     data: data_html,
     success: function(msg){

     if (msg == 'sent'){
         success.html('<div class="alert alert-success">Message <strong>successfully</strong> sent!</div>')  ;
           $('#rp_name').val('');
         $('#rp_email').val('');
         $('#rp_message').val('');
        }else{
           success.html('<div class="alert alert-error">Message <strong>not</strong> sent! Please Try Again!</div>')  ; 
        }
     }
});

所以我需要用重定向替换“div class="alertalert-success"”区域。希望这是一个简单的修复!

感谢您的帮助!

Answer 1

我认为你可以使用window.location对于这种事情。

例如:

window.location = '/success_page';