DataTables不显示数据

Question

DataTables在运行页面 data.php 时不起作用。 json代码可以完美运行，但是我无法在jQuery ajax DataTables函数中获取数据。

当我运行 index.php 页时，它在表中显示一条消息：“表中无可用数据”。

index.php（jQuery）

https://stackblitz.com/edit/angular-ztmprq 

data.php（ajax url）

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