Перевірка зайнятості логіна на ajax

Вже досить давно стала дуже популярна технологія Ajax, що дозволяє спілкуватися з сервером без перезавантаження сторінки. І одним із прикладів її використання є динамічна перевірка зайнятості логіна на Ajax, про яку я і напишу в цій статті.

Відразу перейдемо до висновку форми:

При втраті фокуса з поля, що відповідає за логін, відразу викликається функція checkLogin (), куди так само передається сам логін. Тепер розберемо код jаvascript:

У функції checkLogin () ми відправляємо запит до файлу check_login.php з логіном. Далі чекаємо відповіді від цього PHP-файлу і після отримання аналізуємо його. якщо повернуто true, значить, логін зайнятий, що ми і виводимо в відповідний span-елемент. А якщо повернуто false, то виводимо вже інший напис в той же елемент.

І, нарешті, файл check_login.php:

lt ;?php 
 $ login = strtolower(htmlspecialchars($ _POST["Login"])) -// Отримуємо логін, перетворимо ряд спецсимволов і наводимо рядок до нижнього регістру 
 $ logins = array("Admin","User","Nik","Abc") -// Зайняті логіни 
 echo in_array($ login, $ logins) -// Перевіряємо наявність переданого логіна в масиві з уже зайнятими 
?gt;

Безумовно, цей код з цього файлу далекий від реальної практики, але Ви його прямо зараз можете скопіювати і відразу застосувати. В реальності ж користувачі зазвичай зберігаються в базі даних, тому буде потрібно приблизно такий код:

lt ;?php 
 $ login = strtolower(htmlspecialchars($ _POST["Login"])) -// Отримуємо логін, перетворимо ряд спецсимволов і наводимо рядок до нижнього регістру 
 $ mysqli =new mysqli("Localhost","Root","","Mydb") -// Підключаємося до бази даних 
 $ query ="SELECT` id` FROM `users` WHERE` login` = ` ".$ mysqli-gt;real_escape_string($ login)." `"-// Формуємо запит на пошук користувача з отриманим логіном 
 $ result_set = $ mysqli-gt;query($ query) -// Відправляємо запит 
 echo $ result_set-gt;num_rows !=0-// Якщо нічого не знайдено, то виводимо false, інакше true 
?gt;

Сподіваюся, Ви зрозуміли механізм динамічної перевірки зайнятості логіна на Ajax. Аналогічно, перевіряється і зайнятість e-mail, та інших даних, які можна перевірити лише на сервері. Як бачите, jаvascript - дуже корисний і важливий мову, тому його необхідно знати будь-якому професійному Web-розробнику, а допоможе Вам вивчити його курс: jаvascript, jQuery і Ajax з Нулі до Гуру.

Поділися в соціальних мережах:

Схожі