Фильтрация поиска php

Как мне сделать фильтрацию поиска, чтобы когда я вводил текст в input там отображались совпадения по словам

Вот я получаю данные из бд

<?php
$conn = new PDO("mysql:host=localhost;dbname=search;charset=utf8", "root", "root");
$query = $conn->query("SELECT * FROM catalog");
$res = $query->fetchAll();



echo json_encode($res,JSON_UNESCAPED_UNICODE);
?>

А это js

let link;
    let title;
    let price;
    let img;
    let datas;

    fetch('/search.php').then(function(response){

      if(response.ok){
        response.json().then(function(data){
          datas = data
          datas.forEach(function(e){
            title = e.title
            link = e.link
            price = e.price
            img = e.img
          })
        });
  
      }else{
        alert('Error')
      }
  
    })

    $(".search-input .input").keyup(function (e) {
      let a = $(".search-input .input").val();
      a.length > 0
        ? 13 == e.which
          ? (window.location.href = "/search?searchstring=" + a)
          : $.ajax({
              type: "GET",
              url: "/search.php",
              data: {
                loadview: "ajax",
                module: "search",
                smart_action: "livesearch",
                searchstring: a,
              },
              success: function (e) {
                $(".search-input .results").html(""),
                  e.length
                    ? $(".search-input .results").addClass("active")
                    : $(".search-input .results").removeClass("active");
                  datas.forEach(function (e){
                    s =
                      "<div class='item'>\n           <a class='img' href='/tabs/catalog/" +
                      e.link +
                      "' style='background-image:url(/tabs/catalog/" +
                      e.img +
                      ")'/>\n           <div class='r'>\n                  <a class='titleSearch' href='/tabs/catalog/" +
                      e.link +
                      "'>" +
                      e.title +
                      "</a>\n                   <div class='priceblock'>\n                       <span class='t'>Цена:</span>\n                       <span class='price'>" +
                      e.price +
                      " KZT</span>\n                   </div>\n            </div>\n         </div>";
                  $(".search-input .results").append(s);
                  })    
              },
            })
        : $(".search-input .results").removeClass("active");
    }),