Поиск Ajax из-за ошибки Unicode в базе данных mysql

Question

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

У меня есть этот код для поиска данных из таблиц базы данных MySQL, он не читает символы Unicode. Я предполагаю, что строка функции $ _GET предназначена для чтения символов Unicode, поэтому я установил кодировку таблицы MySQL в utf-8, а параметры сортировки столбцов - utf8_general_ci, а также добавил эти две строки в код php:

header('Content-Type: text/html; charset=utf-8');
mysqli_set_charset($connect,'utf8');

но все равно результат использования символов Юникода равен 0. Если я набираю «a» на входе, он показывает все слова, начинающиеся с «a» или «ä, å á ...», но если я набираю какой-нибудь Unicode char, например, «ä» говорит «результат не найден».

Код также онлайн банкомат, вот ссылка http://dic.munjutut.fi/php/

Также я добавил метафайл utf-8 в файл HTML. Я надеюсь, что кто-то скажет мне, что не так. Сам код:

header('Content-Type: text/html; charset=utf-8');
mysqli_set_charset($connect,'utf8');

if(isset($_GET['p'])) {
  $page_number = $_GET['p'];
  $arraySearch = $_GET['terms'];
  $show_count = $_GET['count'];
  settype($page_number, 'integer');
}
    $nospaces = substr($_GET['terms'],1,4);

    $offset = ($page_number - 1) * $records_number;
// check for an empty string and display a message.
if ($_GET['terms'] == "") {
  echo  '<div id="counter">Type "äää" or "ääää"!</div>';
// minim 3 characters condition
  } else if(strlen($_GET['terms']) < $limitchar) {
 echo '<div id="counter">'. $limitchar .' characters minimum</div>';

  } else  {

// explode search words into an array
  $arraySearch = explode(" ", $_GET['terms']);
// table fields to search
  $arrayFields = array(0 => $first_field, 1 => $second_field);
  $countSearch = count($arraySearch);
  $a = 0;
  $b = 0;
  $query = "SELECT * FROM $table_name WHERE (";
  $countFields = count($arrayFields);
  while ($a < $countFields)
  {
    while ($b < $countSearch)
    {
      $query = $query."$arrayFields[$a] LIKE '$arraySearch[$b]%'";
      $b++;
      if ($b < $countSearch)
      {
        $query = $query." AND ";
      }
    }
    $b = 0;
    $a++;
    if ($a < $countFields)
    {
      $query = $query.") OR (";
    }
  }
  $query = $query.") LIMIT $offset, $records_number;";
  $search = mysqli_query($connect, $query);


// get number of search results
  $arrayFields = array(0 => $first_field);
  $countSearch = count($arraySearch);
  $a = 0;
  $b = 0;
  $query = "SELECT * FROM $table_name WHERE (";
  $countFields = count($arrayFields);
  while ($a < $countFields)
  {
    while ($b < $countSearch)
    {
      $query = $query."$arrayFields[$a] LIKE '%$arraySearch[$b]%'";
      $b++;
      if ($b < $countSearch)
      {
        $query = $query." AND ";
      }
    }
    $b = 0;
    $a++;
    if ($a < $countFields)
    {
      $query = $query.") OR (";
    }
  }
  $query = $query.")";
  $count_results = mysqli_query($connect, $query) or die(mysqli_error($connect));

  $numrows = mysqli_num_rows($count_results);

// no results
if($numrows == 0) {
        echo '<div id="counter">No results found</div>';

// show results
} else {

echo '<div id="results">
<div id="results_top"><p><b>'. $_GET['terms'] .'</b> - '. $numrows .' results found</p></div>
';

Ajax коды в 2 файлах:

    search_id = '';
  function handleHttpResponse() {
        if (http.readyState == 4) {
            if (search_id != '') {
                document.getElementById(search_id).innerHTML = http.responseText;
            }
        }
    }
  function getHTTPObject() {
        var xmlhttp;
        if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
            try {
                xmlhttp = new XMLHttpRequest();
            } catch (e) {
                xmlhttp = false;
            }
        }
        return xmlhttp;
    }
    var http = getHTTPObject();

  function getScriptPage(div_id,terms_id,get_count,get_p) {
    search_id = div_id;
     zearch = document.getElementById(terms_id).value;
    http.open("GET", "search.php?terms=" + escape(zearch)+"&count="+get_count+"&page="+get_p, true);
   http.onreadystatechange = handleHttpResponse;
  http.send(null);
    }

и

function GetXmlHttpObject(handler)
{
  var objXMLHttp=null
  if (window.XMLHttpRequest)
  {
      objXMLHttp=new XMLHttpRequest()
  }
  else if (window.ActiveXObject)
  {
      objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
  }
  return objXMLHttp
}

function stateChanged()
{
  if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
  {
          // show_results will be filled with new page
          document.getElementById("show_results").innerHTML = xmlHttp.responseText;
          document.getElementById("show_results").scrollIntoView();
  }
}

function htmlData(url, terms, pag)
{
  if (url.length==0)
  {
      document.getElementById("show_results").innerHTML = "";
      return;
  }

  xmlHttp = GetXmlHttpObject();

  if (xmlHttp==null)
  {
      alert ("Browser does not support HTTP Request");
      return;
  }

  url=url+"?"+terms+"&"+pag;
  url=url+"&sid="+Math.random();
  xmlHttp.onreadystatechange = stateChanged;
  xmlHttp.open("GET",url,true) ;
  xmlHttp.send(null);
}

Answer 1

@ CBroe исправил это для меня! Большое спасибо за него! Проблема была с AJAX и кодировкой. Я использовал escape функцию вместо encodeURIComponent. Вот фиксированный код:

Старый:

http.open("GET", "search.php?terms=" + escape(zearch)+"&count="+get_count+"&page="+get_p, true);

Исправлено:

http.open("GET", "search.php?terms=" + encodeURIComponent(zearch)+"&count="+get_count+"&page="+get_p, true);