index.html и reguser.php.<!DOCTYPE html>
<html>
<head>
<title>Пример AJAX</title>
<meta charset="utf-8">
<style type="text/css">
#ajaxResult
{
margin-top: 20px;
}
</style>
</head>
<body>
<form method="post" action="" id="regform">
<label for="login">Ваш логин:</label>
<input id="login" name="login" type="text">
<label for="password">Ваш пароль:</label>
<input id="password" name="password" type="password">
<input value="Регистрация" type="button" id="regbtn" onclick="SendData()">
</form>
<div id="ajaxResult">
Здесь будет результат AJAX запроса.
</div>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>
function SendData()
{
$('#regbtn').click
(
$.post('./reguser.php', $('#regform').serialize())
.done(function(data){$('#ajaxResult').html(data)})
);
}
</script>
</body>
</html><?php
if(empty($_POST['login']) or empty($_POST['password'])) die('Логин и пароль не переданы.');
echo "Получены следующие данные:<br><br><b>Логин:</b> {$_POST['login']}<br><b>Пароль:</b> {$_POST['password']}";
?>$.ajax() для отправки запроса методом POST.