GeorgeGkas Ответов: 0

Проблема с выполнением живого поиска в 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? Можете ли вы получить результат от сервера? вы можете получить ответ от сервера, но не можете показать список в выпадающем списке?

0 Ответов