Форум

Булат Азат улы · #1 (**permalink**) 09.06.2017, 02:19

Здравствуйте. Начал изучать AJAX, и хотел сделать для своего сайте первое нововведение на нём: сделать отправку сообщений с сайта на AJAX.
В HTML обычная форма отправки:

<form method="POST" name="feedback" id="feedback">
	<input required type="text" name="name" id="name" placeholder="Ваше имя" maxlength="50">
	<input type="text" name="email" id="email" placeholder="Ваш E-mail" maxlength="50">
	<textarea required name="text" id="text" placeholder="Ваше сообщение"></textarea>
	<input type="button" value="Отправить" name="button" id="button">
</form>

Вот код в Яваскрипте (jQuery):

$("#button").click(function() {
	$.ajax ({
		url: "ajax.php",
		type: "POST",
		data: ({name: $("#name").val(), email: $("#email").val(), text: $("#text").val()}),
		dataType: "html",
		success: function(data) {
			if (data == 1) {
				alert("Письмо отправлено!");
			} else {
				alert("Ошибка отправки письма.");
			}
		}
	});
}

И вот данные файла ajax.php:

if (mail("моймайл@mail.ru","Письмо с сайта","Имя: $_POST[name]\nE-mail: $_POST[email]\nСообщение:\n$_POST[text]")) {
	echo "1";
} else {
	echo "0";
}

На сайте вообще, нигде яваскрипт не работает. При нажатии кнопки отправки тоже, не срабатывает "required " (это, наверное, после того, как я изменил его тип с Сабмита на Баттон).
Сам ищу - ошибку не нахожу. Вроде написано так, как на примерах. Подскажите пожалуйста, где тут ошибка?

ksa · #2 (**permalink**) 09.06.2017, 08:50

Сообщение от Булат Азат улы

На сайте вообще, нигде яваскрипт не работает. При нажатии кнопки отправки тоже, не срабатывает "required " (это, наверное, после того, как я изменил его тип с Сабмита на Баттон).
Сам ищу - ошибку не нахожу. Вроде написано так, как на примерах. Подскажите пожалуйста, где тут ошибка?

У меня все работает...

Файл tmp.csp

<!DOCTYPE html>
<html  ng-app='app'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$("#feedback").submit(function() {
		$.ajax ({
			url: "tmp1.csp",
			type: "POST",
			data: {
				name: $("#name").val(), 
				email: $("#email").val(), 
				text: $("#text").val()
			},
			dataType: "html",
			success: function(Data) {
				alert("Письмо отправлено!"+' - '+Data);
			}
		});
	});
});
</script>
</head>
<body ng-controller='ctrl'>
<form method="POST" name="feedback" id="feedback">
	<input required type="text" name="name" id="name" placeholder="Ваше имя" maxlength="50">
	<input type="text" name="email" id="email" placeholder="Ваш E-mail" maxlength="50">
	<textarea required name="text" id="text" placeholder="Ваше сообщение"></textarea>
	<input type="submit" value="Отправить" name="button" id="button">
</form>
</body>
</html>

Файл tmp1.csp

Ok

Булат Азат улы · #3 (**permalink**) 09.06.2017, 11:16

Спасибо, у меня теперь тоже заработало

Форум

Справочник

Discord чат

Курсы javascript