Использование AJAX для запуска PHP без перезагрузки страницы

Question

У меня есть следующие формы HTML:

<form class="clearfix" method="POST"> 
<input name="name" type="textbox" placeholder="Name:"> 
<input name="email" type="textbox" placeholder="Email:"> 
<textarea name="message" placeholder="Message:"></textarea> 
<input name="submit" type="submit" id="submit" value="submit"> 
</form> 

Что запускает PHP скрипт (который работает), но повторно направляет пользователя на пустую страницу, содержащую PHP (то есть. идет на mywebpage.com/send_mail.php). Используя AJAX, как я могу запустить PHP-скрипт в фоновом режиме без повторной загрузки страницы?

Я следующий запрос AJAX, но это не похоже на работу:

$('#submit').click(function(e) { 
e.preventDefault(); 
var data = { 
    name: $("#name").val(), 
    email: $("#email").val(), 
    message: $("#msg").val() 
}; 

$.ajax({ 
    url: '../send_mail.php', 
    type: 'POST', 
    data: data, 
    success: function(msg) { 
     alert('Email Sent'); 
    } 
}); 
}); 

Любая помощь, почему она не работает? На данный момент, все это делает (при ударе представить), это перейти прямо на страницу PHP и, кажется, игнорируют AJAX

Answer 1

Это становится перезагрузки, потому что это кнопка submit и добавляется в form так это отправка формы на клик не дожидаясь AJAX, чтобы получить представленный.

Вы можете использовать метод jQuery preventDefault(), чтобы остановить перенаправление страницы. Подобно этому,

$('#submit').click(function(e) { 
e.preventDefault(); 
var data = { 
    name: $("#name").val(), 
    email: $("#email").val(), 
    message: $("#msg").val() 
}; 

$.ajax({ 
    url: '../send_mail.php', 
    type: 'POST', 
    data: data, 
    success: function(msg) { 
     alert('Email Sent'); 
    } 
}); 
}); 

Когда preventDefault();, действие по умолчанию для события не будет инициировано.

Вы также пропустили кавычки, чтобы указать URL в .ajax().

jsFiddle:https://jsfiddle.net/3Lpft17y/

Answer 2

Используйте тип входа в качестве кнопки type = "button" вместо представить.