AngularJS中$http里面访问地址的问题

Question

lz小白一个，在入门angular JS， 在使用$http服务的时候遇到一个无法理解的问题。
<script>
    var app = angular.module('myApp', []);
    app.controller('siteCtrl', function($scope, $http) {
        $http.get("http://www.runoob.com/try/angularjs/data/sites.php")
                .success(function (response) {$scope.names = response.sites;});
    });
</script>
这段代码是菜鸟教程上的，这个网址单独拿到浏览器中是可以读取出来的，为什么在$http服务中就无法读取。
然后我把这个地址换了两种形式
一、我使用的是webstorm，他的本地服务器地址是http://localhost:63342/AJ/demo01/out.json，这个json文件是可以读取的。
二、我开了XAMPP，然后使用了他的服务器地址http://localhost/demo01/out.json，这个就没有办法读到。
这两种方法的地址单独放到浏览器里都是可以正常显示的。不知道是什么情况。如果需要读取远程服务器上的数据，应该怎么办。
求大神解答。

Answer 1

应该是跨域了吧，我查了一下，h5里面有个window.postMessage方法，支持跨域访问
HTML5 里有个window.postMessage   方法，支持跨域访问，(window.postMessage的功能是允许程序员跨域在两个窗口/frames间发送数据信息。基本上，它就像是跨域的AJAX，但不是浏览器跟服务器之间交互，而是在两个客户端之间通信。)详情可以参考
http://www.webhek.com/window-postmessage-api