jQuery: UTF-8 nie działa z żądaniem ajax

Mam plik php, który używajQuery.ajax() pobrać dane z innego pliku php do div.

jQuery.ajax({
    type: 'POST',
    encoding:"UTF-8",
    dataType:"html", 
    contentType: "text/plain; charset=UTF-8",
    url: '/path/data.php',
    success: function(msg) {
        jQuery('#dataBox').html(msg);
    }
});

Moim problemem jest to, że jeśli mam pewne „specjalne” znaki w danych, które przechodzę przez ajax, takie jak åäö, to otrzymuję „znak zapytania w czarnym diamentie” - znak. Jeśli otworzę plik zewnętrzny w przeglądarce, działa. Jeśli umieściłem kilka znaków specjalnych na stronie głównej, to działa.

Niektóre uproszczone kody:

data.php:

$mysqli = new mysqli("localhost", "username", "pass", "db");
$mysqli->set_charset("utf8");
$mysqli->query("SET GLOBAL time_zone = '+00:00'");
$stmt = $mysqli -> prepare("SELECT GROUP_CONCAT(sometext) AS mytext FROM `mytable`");
$stmt -> execute();
$results = selectResults($stmt);
$stmt -> close();
$mysqli -> close();

wybierz funkcję Wyniki:

function selectResults($stmt)
{
    $parameters = array();
    $results = array();

    $meta = $stmt->result_metadata();

    while ( $field = $meta->fetch_field() ) {   
     $parameters[] = &$row[$field->name]; 
    }

    call_user_func_array(array($stmt, 'bind_result'), $parameters);

    while ( $stmt->fetch() ) {
      $x = array();
      foreach( $row as $key => $val ) {
         $x[$key] = $val;
      }
      $results[] = $x;
    }

    return $results;

}

data.php:

foreach($results as $result){
 $textArray = explode(',', $result['mytext']);
}
foreach($textArray as $text){
echo($text);
}

questionAnswers(3)

yourAnswerToTheQuestion