jq ajax utf8,html - jQuery: UTF-8 not working with ajax request - Stack Overflow

I have a php file which uses jQuery.ajax() to grab some data from another php file into a 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);

}

});

My problem is that if I have some "special" characters in the data I'm getting through ajax such as åäö then I get the "question mark in a black diamond"-mark. If I open the external file in the browser it works. If I put some special characters on the main page, it works.

Some simplified code:

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();

selectResults function:

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);

}