dedecms 搜索下拉提示

<input type="text" id="search-input" placeholder="搜索...">
<div id="search-suggestions"></div>

document.getElementById('search-input').addEventListener('input', function(e) {
    var keyword = e.target.value;
    if (keyword.length > 0) {
        var xhr = new XMLHttpRequest();
        xhr.open('GET', '/plus/search_suggest.php?q=' + encodeURIComponent(keyword), true);
        xhr.onload = function() {
            if (xhr.status === 200) {
                var suggestions = JSON.parse(xhr.responseText);
                var suggestionsHtml = '';
                suggestions.forEach(function(suggestion) {
                    suggestionsHtml += '<div class="suggestion">' + suggestion + '</div>';
                });
                document.getElementById('search-suggestions').innerHTML = suggestionsHtml;
            }
        };
        xhr.send();
    } else {
        document.getElementById('search-suggestions').innerHTML = '';
    }
});

<?php
if (isset($_GET['q'])) {
    $keyword = $_GET['q'];
    // 从数据库中检索相关的搜索词
    $suggestions = array('示例搜索词1', '示例搜索词2', '示例搜索词3');
    echo json_encode($suggestions);
}
?>