No Access-Control-Allow-Origin header is present on the requested resource

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
// ERROR, and show error message in console 
var url = "http://data.tycg.gov.tw/api/v1/rest/datastore/a1b4714b-3b75-4ff8-a8f2-cc377e4eaa0f?format=json";
// SUCCESS
var url = 'http://ptx.transportdata.tw/MOTC/v1/Bus/EstimatedTimeOfArrival/Thb?%24format=json&$top=10';

$.ajax({
   url: url,
   type: "GET",
   dataType: "JSON",
   success: function(data, textStatus, request) {
     alert("SUCCESS!!!");
     console.log(data);
   },
   error: function() {
     alert("ERROR!!!");
   }
 });

</script>