Добрый вечер. Неделю пытаюсь понять, как отправлять данные на сервер при помощи AJAX, но все никак...
Так же хочу, чтоб в text приходило какое-нибудь сообщение...
Спасибо!!!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="main.js"></script>
</head>
<body>
<form action="server.php" method="POST">
<label>
<input type="text" name="name" id="name" />
</label>
<label>
<input type="submit" name="send" value="send" id="send" />
</label>
</form>
<p id="text">|</p>
</body>
</html>
// server.php
<?php
$name = filter_var(trim($_POST['name']), FILTER_SANITIZE_STRING);
if($name == ""){
echo 'Write something...';
exit();
}
$dbc = mysqli_connect('localhost', 'root', '', 'test')
or die('error ' . mysqli_error($dbc));
$query = "INSERT INTO person (name) VALUE ('$name')";
$result = mysqli_query($dbc, $query)
or die('error ' . mysqli_error($dbc));
mysqli_close($dbc);
//header('Location: index.html');
?>
// main.js
$(document).ready(function() {
$('#send').submit(function(e) {
e.preventDefault();
$.ajax({
type: "POST",
url: 'server.php',
data: //...
success: //...
//...
});
});
});
Средний