跨域$http请求AngularJS

Question

我有一个简单的网站，我正在用AngularJS构建，它为json数据调用API。

然而，我得到跨域起源的问题，是否有任何围绕这允许跨域请求？

错误：

XMLHttpRequest无法加载http://api.nestoria.co.uk/api?country=uk

  searchByPlaceName: function() { 
        var url = baseurl+'country=uk&pretty=1&action=search_listings&place_name=london'+encoding+type;
         return $http.get(url);
    }

Answer 1

安装小提琴手。为其添加自定义规则：

static function OnBeforeResponse(oSession: Session)
{
    oSession.oResponse.headers.Add("Access-Control-Allow-Origin", "*");
}

这将允许您从localhost发出跨域请求。如果API是HTTPS，请确保在fiddler中启用“解密HTTPS流量”。

参考文献

-------------------- 更新

您得到的响应是JSON。将JSONP指定为数据类型将不起作用。当您指定JSONP时，返回的应该是函数而不是JSON对象。

JSONP

Answer 2

似乎api。内斯托里亚。co.uk不允许CORS。它必须设置accesscontrolalloworigin头本身——您无法直接控制它。

但是，您可以使用JSONP。该站点允许它通过回调查询参数。

$http.jsonp(baseurl+'country=uk&pretty=1&action=search_listings&place_name=london'
    +encoding+type + "&callback=JSON_CALLBACK")