javascript — окно поиска в реальном времени с использованием PHP, MySQL и AJAX

Я пытаюсь сделать окно поиска для отображения «Адрес» из MYSQL / PHP

Я использовал ajax для обновления страницы, не покидая страницу, но когда я запускаю в браузере, это всегда выдает мне ошибку. когда я использовал консоль, возвращаемый результат echo $ _POST [‘name’] = (HTML-код header.php + «Что мне нужно» + HTML-код footer.php)

<?php

include 'header.php';
include 'Connect.php';

if( isset($_POST['ajax']) && isset($_POST['name']) ){
echo $_POST['name'];
exit;
}
?>

<form method="POST">
<label>Username</label>
<input type="text" name="name" required="required" id='name'>
<div id='response'></div>
</form>

<script>
$(document).ready(function(){
$('#name').keyup(function(){
var name = $('#name').val();

$.ajax({
type: 'post',
url: index.php,
data: {ajax: 1,name: name},
success: function(response){
$('#response').text(response);
}
});
});
});
</script>

<?php

if(isset($_POST['name'])){
$username = $_POST['name'];
$stmt = $con->prepare("SELECT Username, FullName, Adresse, Email, Phone FROM dbo.users WHERE Username= ?");
$stmt->execute(array($username));

while($row=$stmt->fetch(PDO::FETCH_ASSOC))
{
$Username = $row["Username"];
$FullName = $row["FullName"];
$Adresse = $row["Adresse"];
$Email = $row["Email"];
$Phone = $row["Phone"];

echo "<tr>
<div>
<td>".$Username."</td>
<td>".$FullName."</td>
<td>".$sEID."</td>
<td>".$Email."</td>
<td>".$Phone."</td>
</div>
</tr>";
}
echo "</table>
</div>";
} else echo '<div class="alert alert-danger"> This Name <strong>is not exit</strong></div>';

include $tpl.'footer.php';

}

?>