Javascript redirect после отправки формы

Я довольно новичок в JavaScript, и я пытаюсь выяснить способ, вместо того, чтобы показывать div «Спасибо», когда пользователь нажимает кнопку «Отправить» моей формы, идите на страницу HTML по моему выбору, то есть www.site.com/thanks.html. Я нашел несколько разных способов, которыми это возможно, но пока не смог успешно реализовать что-либо в этой конкретной форме и нуждаться в некоторой помощи.Javascript redirect после отправки формы

Вот форма 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 класс =" предупреждение alert-success "" с перенаправлением. Надеюсь, это простое решение!

Спасибо за помощь!

источник

2014-03-19 user3372102

Я проверил эту тему, однако мое использование для нее несколько отличается. Хотя они предложили использовать window.location, я не нашел четкого способа его реализации с моей формой. Я прошу прощения, если это похоже на дубликат - я просто пытался выяснить, как использовать его для моих конкретных потребностей, поскольку я пытался и не увенчался успехом. – user3372102

вы просто ставите то, что они говорят, чтобы использовать, где вы хотите его выполнить. например, вместо 'success.html ....' –

Я думаю, вы можете использовать window.location для такого рода вещей.

.: например

window.location = '/success_page';

источник

2014-03-19 17:47:41 mgilson

Таким образом, вы можете манипулировать window.location для перенаправления.

window.location.replace("http://yoursite.com/thankyou.html");

if (msg == 'sent'){ 
    window.location.replace("http://yoursite.com/thankyou.html"); 
    $('#rp_name').val(''); 
    $('#rp_email').val(''); 
    $('#rp_message').val(''); 
}else{ 
    window.location.replace("http://yoursite.com/wrong_information.html"); 
}

источник

2014-03-19 17:48:13 aksu

вы можете определенно изменить расположение страницы. В javascript есть объект.

window.location = "YOUR PATH HERE";

источник

2014-03-19 18:02:36

Javascript redirect после отправки формы

ответ

Смежные вопросы