Javascript Angular.JS$http API请求

Javascript Angular.JS$http API请求,javascript,html,json,angularjs,api,Javascript,Html,Json,Angularjs,Api,我有一个奇怪的问题。他到处找,但找不到任何解决办法。这是我第一次使用angular.js,我正在尝试将API中的内容导入angular应用程序 成功消息有效,但(数据)为空。如果我将GET URL更改为w3Schools中的一个,它就会工作。因此,我不确定我的请求URL是否正确格式化,也不知道是否需要对数据进行解码或编码。如果我比较这两个页面,我注意到FingerZeigURL有点不同 任何帮助都将不胜感激 这是我的代码myapp.js: var app = angular.module("My

我有一个奇怪的问题。他到处找,但找不到任何解决办法。这是我第一次使用angular.js,我正在尝试将API中的内容导入angular应用程序

成功消息有效,但(数据)为空。如果我将GET URL更改为w3Schools中的一个,它就会工作。因此,我不确定我的请求URL是否正确格式化,也不知道是否需要对数据进行解码或编码。如果我比较这两个页面,我注意到FingerZeigURL有点不同

任何帮助都将不胜感激

这是我的代码myapp.js:

var app = angular.module("MyApp", []);

app.controller("PostsCtrl", function($scope, $http) {
  $http.get('http://fingerzeig.ch/api/agenda/list').
    success(function(data, status, headers, config) {
     console.log("success!");
     console.log(data);
      $scope.posts = data;
    }).
    error(function(data, status, headers, config) {
      // log error
    });
});
这里是HTML:

<body ng-app="MyApp">
              <div ng-controller="PostsCtrl">
                <ul ng-repeat="post in posts">
                  <li>{{post.ID}}</li>
                </ul>
            </div>
</body>

  • {{post.ID}
以下是链接:

=>工作

=>不工作

以下是FIDDEL: 一个与我的请求url与我想使工作。其中一个示例url来自w3学校。只更改了GET url

小提琴不起作用:

工作的人


多谢各位

这可能是一个跨域问题。请注意
http://www.w3schools.com/website/Customers_JSON.php
具有
访问控制允许原点:
响应标题和
http://fingerzeig.ch/api/agenda/list
没有

$ curl -I "http://www.w3schools.com/website/Customers_JSON.php"

如果您提出跨域请求,您必须处理CORS。

这可能是一个跨域问题。请注意
http://www.w3schools.com/website/Customers_JSON.php
具有
访问控制允许原点:
响应标题和
http://fingerzeig.ch/api/agenda/list
没有

$ curl -I "http://www.w3schools.com/website/Customers_JSON.php"

如果您提出跨域请求,您必须处理CORS。

这可能是一个跨域问题。请注意
http://www.w3schools.com/website/Customers_JSON.php
具有
访问控制允许原点:
响应标题和
http://fingerzeig.ch/api/agenda/list
没有

$ curl -I "http://www.w3schools.com/website/Customers_JSON.php"

如果您提出跨域请求,您必须处理CORS。

这可能是一个跨域问题。请注意
http://www.w3schools.com/website/Customers_JSON.php
具有
访问控制允许原点:
响应标题和
http://fingerzeig.ch/api/agenda/list
没有

$ curl -I "http://www.w3schools.com/website/Customers_JSON.php"



如果您提出跨域请求,您必须处理CORS。

请为我们提供一个JSFIDLE环境,以便更好地调试。我觉得这两个URL都很好。你在控制台里找问题了吗?我犯了两个错误。一个与我的请求url与我想使工作。其中一个示例url来自w3学校。只更改了GET url。小提琴不工作:工作的人你能把你的小提琴放到你的问题里吗?@KevinB我检查了控制台;成功被记录下来。没有错误。只有数据没有显示。你可以在小提琴上看到它。检查我的最后一条评论请为我们提供一个JSFIDLE环境以便更好地调试。两个URL在我看来都很好。你在控制台里找问题了吗?我犯了两个错误。一个与我的请求url与我想使工作。其中一个示例url来自w3学校。只更改了GET url。小提琴不工作:工作的人你能把你的小提琴放到你的问题里吗?@KevinB我检查了控制台;成功被记录下来。没有错误。只有数据没有显示。你可以在小提琴上看到它。检查我的最后一条评论请为我们提供一个JSFIDLE环境以便更好地调试。两个URL在我看来都很好。你在控制台里找问题了吗?我犯了两个错误。一个与我的请求url与我想使工作。其中一个示例url来自w3学校。只更改了GET url。小提琴不工作:工作的人你能把你的小提琴放到你的问题里吗?@KevinB我检查了控制台;成功被记录下来。没有错误。只有数据没有显示。你可以在小提琴上看到它。检查我的最后一条评论请为我们提供一个JSFIDLE环境以便更好地调试。两个URL在我看来都很好。你在控制台里找问题了吗?我犯了两个错误。一个与我的请求url与我想使工作。其中一个示例url来自w3学校。只更改了GET url。小提琴不工作:工作的人你能把你的小提琴放到你的问题里吗?@KevinB我检查了控制台;成功被记录下来。没有错误。只有数据没有显示。你可以在小提琴上看到它。检查我最后的评论,这可以为我指出正确的方向。我从来没有听说过CORS和ACCESS control的起源。我是个新手,在API上更新日期。谢谢没问题。很乐意提供帮助。有什么方法可以访问数据,或者fingerzeig的管理员应该更改此访问控制吗?@elpeyotl理想情况下,他们会这样做(并明确列出主机的白名单,而不是“*”)。也就是说,你可以通过自己的服务器代理,或者使用类似……的东西,尽管我只会使用最后一个用于测试(而不是生产,也不敏感)@jack是正确的。corsproxy是一个开始的好方法。这篇文章将帮助你。这将为我指明正确的方向。我从来没有听说过CORS和ACCESS control的起源。我是个新手,在API上更新日期。谢谢没问题。很乐意提供帮助。有什么方法可以访问数据,或者fingerzeig的管理员应该更改此访问控制吗?@elpeyotl理想情况下,他们会这样做(并明确列出主机的白名单,而不是“*”)。也就是说,你可以通过自己的服务器代理,或者使用类似……的东西,尽管我只会使用最后一个用于测试(而不是生产,也不敏感)@jack是正确的。corsproxy是一个开始的好方法。这篇文章将帮助你。这将为我指明正确的方向。我从来没有听说过CORS和ACCESS control的起源。我是个新手,在API上更新日期。谢谢没问题。很乐意提供帮助。我有办法访问数据吗?或者fingerzeig的管理员应该更改此访问控制吗?@elpeyotl