تکمیل خودکار کلمه در PHP
تکمیل خودکار کلمه یا Auto-complete یکی از ویژگی‌های جذاب و کاربردی در توسعه وب است. این ویژگی به کاربران کمک می‌کند تا هنگام ورود اطلاعات، پیشنهاداتی را مشاهده کنند که به آنچه که تایپ می‌کنند، مرتبط است. در زبان PHP، می‌توان این قابلیت را با ترکیب HTML، CSS و JavaScript پیاده‌سازی کرد.
پیاده‌سازی ابتدایی
برای شروع، نیاز به یک فرم ساده داریم که کاربر بتواند متن را وارد کند. در این فرم، با استفاده از JavaScript و Ajax، می‌توان درخواست‌هایی به سرور ارسال کرد تا پیشنهادات مناسب را دریافت کنیم.
```html
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<title>تکمیل خودکار کلمه</title>
<script>
function autoComplete() {
const query = document.getElementById('search').value;
if (query.length > 2) {
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (this.readyState === 4 && this.status === 200) {
document.getElementById('suggestions').innerHTML = this.responseText;
}
};
xhr.open("GET", "autocomplete.php?q=" + query, true);
xhr.send();
}
}
</script>
</head>
<body>
<input type="text" id="search" onkeyup="autoComplete()" placeholder="جستجو...">
<div id="suggestions"></div>
</body>
</html>
```
کد PHP برای دریافت پیشنهادات
در این کد، باید یک فایل PHP به نام `autocomplete.php` ایجاد کنیم که ورودی کاربر را دریافت کرده و پیشنهادات مرتبط را از یک پایگاه داده یا آرایه‌ای از کلمات بازگرداند.
```php
<?php
$q = $_GET['q'];
$suggestions = [];
$words = ['PHP', 'Python', 'Java', 'JavaScript', 'C++', 'C#', 'Ruby', 'HTML', 'CSS'];
foreach ($words as $word) {
if (stripos($word, $q) !== false) {
$suggestions[] = $word;
}
}
foreach ($suggestions as $suggestion) {
echo "<div>$suggestion</div>";
}
?>
```
نتیجه‌گیری
با این روش، کاربران هنگام تایپ کلمات، پیشنهادات مرتبط را مشاهده خواهند کرد. این ویژگی نه تنها تجربه کاربری را بهبود می‌بخشد، بلکه سرعت و دقت ورود اطلاعات را نیز افزایش می‌دهد. با توجه به نیازهای خاص پروژه، می‌توان این کد را گسترش داد و پیچیده‌تر کرد.
به یاد داشته باشید که امنیت و بهینه‌سازی کد نیز از اهمیت ویژه‌ای برخوردار است.
