Проблема с выполнением живого поиска в Ajax и PHP
Я хочу создать живое окно поиска в своем html-проекте. Пользователь будет использовать поле ввода и набрав адрес электронной почты, он получит результаты, когда пользователь будет найден в базе данных или нет. В зависимости от результата PHP отправит массив данных обратно в JQery, чтобы я мог обновить свой интерфейс.
К сожалению, у меня есть проблемы с передачей данных из JQuery в PHP. Я перепробовал много методов из интернета, и я не могу понять, почему я не могу достичь того, что я хочу.
Вот мой код:
HTML
<div id="person-search"> <form > <label class="person-search-label">Insert Person's Id</label> <input type="email" class="person-search-input" onkeyup="ShowSearchResult(this.value)"> </form> <div class="search-person-res"> <label id="Label-Result"></label> <div style="padding-top: 5px;" id="UserNameSearchResult"></div> </div> </div>
JS
function ShowSearchResult(value) { $.post("lib/search.php", {name:value},function(data){ document.getElementById('Label-Result').innerHTML = data[0]; if (data[1] != null) { document.getElementById('UserNameSearchResult').innerHTML = data[1]; var addBtn = "<form method=\"post\"><button class=\"add-new-person\" type=\"submit\">Add the person</button></form>"; $( addBtn ).insertAfter( $( "#UserNameSearchResult" ) ); } }); }
РНР
<?php session_start(); define("DB_HOST", ''); define("DB_USER", ''); define("DB_PASSWORD", ''); define("DB_DATABSE", ''); $conn = mysql_connect(DB_HOST, DB_USER, DB_PASSWORD); mysql_select_db(DB_DATABSE, $conn); $search = $_POST["name"]; $sq = mysql_query("SELECT * FROM Users WHERE UserEmail = '%{$search}%'"); $UserInfo = mysql_fetch_row($sq); if ($UserInfo) { $data = array('We found results', $UserInfo[2]); echo json_encode($data); } else { $data = array('We couldn\'t found results', null); echo json_encode($data); } ?>
Mohibur Rashid
Разбейте свою проблему на мелкие кусочки. Скажем, Шаг 1: Убедитесь, что ваш пост javascript работает. Получаете должности, не соответствующие функции базы данных, вернуть результат в виде JSON-данные, проверьте вашу функцию обратного вызова. Шаг 2: Сделайте свою часть базы данных.
Fazian Akram Dar
https://www.youtube.com/watch?v=tp3Gw-oWs2k&список=PL6gx4Cwl9DGDiJSXfsJTASx9eMq_Hlenq
[no name]
Вы можете следовать этому руководству для создание поиска на php и mysql использование AJAX с функцией живого поиска. В этом учебнике используется стек xampp для построения поисковой системы.
Sunasara Imdadhusen
Вы должны указать, в чем заключается проблема? например, можете ли вы успешно попасть на сервер с помощью AJAX? Можете ли вы получить результат от сервера? вы можете получить ответ от сервера, но не можете показать список в выпадающем списке?