Хочу сделать проверку логина на уникальность с помощью fetch , но он постоянно пишет , что логин занят . Почему?
Подскажите , где ошибка в проверке совпадения логина с БД .
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<form action="unique.php" method="post">
<label >login</label>
<input name='username' id="input_login" type="text">
<span id="availability"></span>
<label>email</label>
<input name='input_email' id="input_email" type="text">
<button>Submit</button>
</form>
<script src='https://code.jquery.com/jquery-3.3.1.min.js'></script>
<script src="index.js"></script>
</body>
</html>
JavaScript
const input_login = document.querySelector("#input_login");
const availability = document.querySelector("#availability");
input_login.onblur = async () => {
let username = input_login.value;
const response = await fetch("unique.php", {
method: 'POST',
body:{user_name:username}
})
const data = await response.text();
availability.innerHTML = await data;
}
PHP
<?php
$connect = mysqli_connect("localhost", "root", "", "site");
$sql = "SELECT * FROM `users` WHERE `login` LIKE '%".$_POST["user_name"]."%' ";
$result = $connect->query($sql);
if ($result->num_rows > 0) {
echo 'Данный логин уже занят';
} else {
echo 'Данный логин еще не занят';
}