JavaScript + PHP Wyszukiwarka na stronie.

Question

Chce zrobić wyszukiwarke tagów na stronie. 

Jeżeli ktoś w nią wpisze napszykład YouTube a taki tag będzie w bazie danych to zostanie on pokazany.

Na Stronie jest <input> w który wpisujemy tag i guzik który uruchamia funkcje w JS.

FUNKCJA:

const searchBar = document.querySelector('.h5-search')
                searchBar.style.color = "#aaa"

                function setUpSearch(){
                   searchBar.innerHTML += document.querySelector('#echo').value 
                   document.querySelector('.box-pkg-search').innerHTML = `<?php 
                   $s_tag = '`+document.querySelector("#echo").value+`';
                   require "search-server.php";
                   ?>`
                }

Plik search-server.php:

<?php

$s_conn = new mysqli('localhost', 'root', '', 'gitme');

$tag_t = $s_tag;

$s_query = "SELECT * FROM `apptags` WHERE tag = '$tag_t'";

if($s_result = $s_conn->query($s_query)){
    $nr = $s_result->num_rows;
    if($nr > 0){
        while($s_row = $s_result->fetch_assoc()){
            echo $s_row['tagOwnerId'];
        }   
    }
    else{
        echo 'BRAK WYNIKÓW WYSZUKIWANIA DLA: '.$s_tag;
    }
}

$s_conn->close();

?>

moja baza danych to: 

Jak Wpisuje w wyszukiwarce tag "devkit" który jest w bazie to pokazuje: BRAK WYNIKÓW WYSZUKIWANIA DLA: devkit.

CO JEST NIE TAK???

PROSZE O POMOC!!!!!!!!!!!!!!

Comments

A skąd się bierze zmienna $s_tag?

---

z JavaScriptu

---

zobacz

function setUpSearch(){
                   searchBar.innerHTML += document.querySelector('#echo').value 
                   document.querySelector('.box-pkg-search').innerHTML = `<?php 
                   $s_tag = '`+document.querySelector("#echo").value+`';
                   require "search-server.php";
                   ?>`
                }

 

---

nie wiem skąd ten kod i co to w ogóle jest... autor chyba pomylił js z php i nie odróżnia syntaxu. dramat

Answer 1

W żaden sposób nie przekazujesz wartości z formularza to pliku PHP. Próba połączenia kodu PHP z JS-em w taki sposób po prostu nie zadziała, bo najpierw wykona się kod PHP (na serwerze), a dopiero potem – kod JS (w przeglądarce). Tym samym zmienna $s_tag zawsze będzie zawierać `+document.querySelector("#echo").value+`. Co więcej, to require wykona się przy wczytywaniu strony, a nie dopiero po kliknięciu przycisku (zobacz sobie do kodu strony).

Najłatwiej byłoby zrobić po prostu zwykły formularz albo pobawić się Ajaksem.