离子应用程序无法提交GET请求
问题描述:
我一直在努力提出一个简单的GET请求,谷歌Places API的离子应用程序无法提交GET请求
我不断收到错误: 的XMLHttpRequest无法加载https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8 ... IUS = 500 & types =食物& name = cruise & key = xxxx。请求的资源上没有“Access-Control-Allow-Origin”标题。因此不允许原产地'8100'进入。
我在网上查了一下,它与CORS有关,但我还没有弄清楚什么。如果有人能指出我会朝着正确的方向发展,那将是很棒的。
谢谢
答
我能够使用离子平稳地调用该网址。
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link href="components/lib/ionic/css/ionic.css" rel="stylesheet" />
<script src="components/lib/ionic/js/ionic.bundle.js"></script>
<script src="components/lib/ionic/js/angular/angular-resource.js"></script>
<script type="text/javascript">
angular.module('myApp',
[
'ionic',
'ngResource'
])
.factory('GetData', function ($resource)
{
return {
getg: function()
{
return $resource('https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&radius=500&types=food&name=cruise&key=xxxx', null).get();
}
}
})
.controller('SomeController', function (GetData)
{
GetData.getg().$promise.then(
function (answer)
{
console.log(answer);
});
});
</script>
</head>
<body ng-app="myApp" ng-controller="SomeController"></body>
</html>
答
什么工作对我来说是安装这个插件:
- 科尔多瓦 - 插件白名单
Console:
cordova plugin add cordova-plugin-whitelist
嗯那怪异的进出口仍然得到同样的错误。这里是codepen http://codepen.io/anon/pen/hLimd?editors=101 – user3716926 2014-08-29 20:50:26