jQuery post перенаправляет страницу

Question

Сегодня я узнал несколько jQuery.

<script>  
$('#mc-embedded-subscribe-form').on('submit', function(e){ 
e.preventDefault(); 
email=document.mc-embedded-subscribe-form.EMAIL.value; 
$.post("email.php", {email}); 
$('#fadeout').fadeOut(500); 
$('#fadein').delay(500).fadeIn(500); 
}); 
</script> 

Это сценарий, в котором я запускаю событие, когда пользователь отправляет форму. Проблема, с которой я сталкиваюсь, заключается в том, что как только форма будет отправлена, я перенаправляюсь на email.php, тогда как я хочу остаться на начальной веб-странице. Если я удаляю линию

$.post("email.php", {email}); 

Остальное работает должным образом. email.php отлично работает, он просто сохраняет электронную почту. Что я могу сделать, чтобы остановить перенаправление?

Answer 1

Поскольку есть ошибка в вашем $.post() линии e.preventDefault() не пинать в Отредактируйте код на следующее:.

$('#mc-embedded-subscribe-form').on('submit', function(e){ 
    e.preventDefault(); 
    email = $('[name=EMAIL]',this).val(); 
    $.post("email.php", {email:email}, function() { 
     $('#fadeout').fadeOut(500); 
     $('#fadein').delay(500).fadeIn(500); 
    }); 
}); 

Answer 2

, если вы хотите разместить определенное значение со стороны клиента на сервер, чем его лучше использовать $ .ajax затем метод $ .post т.е.

<script>  

    $('#mc-embedded-subscribe-form').on('submit', function(e){ 
    e.preventDefault(); 
    email=document.mc-embedded-subscribe-form.EMAIL.value; 
    $.ajax({ 

     url:"email.php"; 
     data: email; 
     success:function(){ 
      $('#fadeout').fadeOut(500); 
      $('#fadein').delay(500).fadeIn(500); 
     } 

    }); 

}); 
</script> 

$ .ajax пост конкретное значение или значения на стороне сервера без перенаправления страницы.