主干不从不同的主机获取JSON

我是RESTful概念的新手，现在正在学习Backbone，我遇到了一些问题。

现在我正在运行一个单页应用程序上http://localhost使用backbone.js和API是在http://phalconapi(另一个vhost)。

在http://phalconapi我有这个jsontest.php脚本返回JSON:

<?php
header("HTTP/1.1 200 OK");
echo json_encode( ['test'=>1] );

在http://localhost，这是我的app.js启用骨干。

var FlightsList = Backbone.Model.extend({
    //urlRoot: '/jsontest.php'
    urlRoot: 'http://phalconapi/jsontest.php'
});
var DashboardController = BackboneMVC.Controller.extend({
    name: 'dashboard',
    home: function() {
        var flights = new FlightsList();
        flights.fetch({
            success: function(flights) {
                alert(flights.toJSON());
                console.log(flights.toJSON());
            },
            error: function(model, xhr, options) {
                console.log('Fetch error');
            }
        });
    }
});
var router = new BackboneMVC.Router();
Backbone.history.start({pushState: true});

所以问题是，每当我将主干中的urlRoot设置为/jsontest.php并将该文件放在同一目录(在localhost中)时，它就能正常工作。

但是当我把它改成http://phalconapi/jsontest.php时，它不起作用。使用谷歌Chrome开发人员工具，我注意到消息"此请求没有可用的响应数据"，并且没有出现在使用/jsontest.php作为urlRoot的其他测试上。这里应该显示{"test":1}