DataTables не отображает данные

Question

DataTables не работает при запуске страницы data.php .Код json работает отлично, но я не получаю данные в функции jQuery ajax DataTables.

Когда я запускаю страницу index.php , в таблице выдается сообщение: «Нетданные доступны в таблице '.

index.php (jQuery)

$(document).ready(function(){
  $('#example').DataTable({
    "ajax":{
      "url":"data.php",
      "dataSrc":""
    },
    "columns": [
      { "data": "id" },
      { "data": "city" },
      { "data": "country" }
    ]
  });
});

data.php (URL-адрес ajax)

<?php
$servername = "localhost";
$username = "root";
$password = "aaa";
$dbname = "test";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
  die("Connection failed: " . $conn->connect_error);
}

$sql = "SELECT id, city, country FROM order_product";
$result = $conn->query($sql);
$rows=array();
if ($result->num_rows > 0) {
  // output data of each row
  while($row = $result->fetch_assoc()) {
    $rows[]=$row;
  }
} else {
  echo "0 results";
}
echo json_encode($rows);
$conn->close();
?>