JS Autocomplete с PHP MySQL не получает результаты - PullRequest
0 голосов
/ 10 октября 2019

Я уверен, что проблема ниже задавалась много раз прежде, но все же я не мог решить, следовательно, этот вопрос.

Я пытаюсь автозаполнить названия городов в текстовом поле с именами, сохраненными вMySQL таблица. Вот мой HTML:

test.php

<!DOCTYPE html>
<html>
<head>
  <title></title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
    $(function() {
        $( "#statename" ).autocomplete({
          source: 'autocompletestate.php'
        });
    });
</script>

</head>
<body>
<div class="ui-widget">
    <label for="statename">State: </label>
    <input id="statename">
</div>
</body>
</html>

autocompletestate.php

<?php
session_start();
$hostname = "localhost";
$username = "root";
$password = "";
$database = "test";
$connect = mysqli_connect($hostname, $username, $password,$database );
if ($connect->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 
$searchTerm = $_GET['term']; 
$query = mysqli_query($connect, "SELECT * FROM state WHERE name LIKE '$searchTerm%'");
$stateData = array(); 
if($query->num_rows > 0){ 
    while($row = $query->fetch_assoc()){  
        $data[] = $row['name']; 
        array_push($stateData, $data); 
    } 
} 
echo json_encode($stateData); 
flush();
?>

Моя база данныхвыглядит следующим образом:

+----+---------------------------+
| id | name                      |
+----+---------------------------+
|  1 | Andaman & Nicobar Islands |
|  2 | Andhra Pradesh            |
+----+---------------------------+

Я не могу получить заполненные состояния в качестве параметра поиска в текстовом поле. Я вижу, как некоторые имена фильтруются и заполняют текстовые поля, но не вижу их. Я пробовал разные комбинации для searchTerm, ни одна из них не работала.

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...