Fatal编程技术网
  • javascript/
  • Javascript 如何在AngularJS中为给定JSON数据格式发出http请求？

Javascript 如何在AngularJS中为给定JSON数据格式发出http请求？

javascript json angularjs

Javascript 如何在AngularJS中为给定JSON数据格式发出http请求？,javascript,json,angularjs,Javascript,Json,Angularjs,我想让angularjs应用程序发出http请求，我使用angularjs生成以下代码（index.html）对JSON数据发出http请求。但它并没有打印json数据 在firefox控制台中，我收到以下警告（同一来源） 跨源请求被阻止：同一源策略不允许读取远程资源http://127.0.0.1:8080/admin/metering/samples?meter=instance&group_by=project&stats_attr=avg&date_options=7&date_from

我想让angularjs应用程序发出http请求，我使用angularjs生成以下代码（index.html）对JSON数据发出http请求。但它并没有打印json数据

在firefox控制台中，我收到以下警告（同一来源） 
跨源请求被阻止：同一源策略不允许读取远程资源http://127.0.0.1:8080/admin/metering/samples?meter=instance&group_by=project&stats_attr=avg&date_options=7&date_from=&date_to=. （原因：缺少CORS标题“访问控制允许原点”。

我有以下格式的josn数据。 URL是

Index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>AngularJS Plunker</title>

 <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>

<body>
  <div ng-app="myApp" ng-controller="customersCtrl">
    <ul>
      <li ng-repeat="value in meters">
        {{value.x+','+value.y}}
      </li>
    </ul>
  </div>
  <script>
    var app = angular.module('myApp', []);
    app.controller('customersCtrl', function($scope, $http) {
      $http.get("http://127.0.0.1:8080/admin/metering/samples?meter=instance&group_by=project&stats_attr=avg&date_options=7&date_from=&date_to=")
        .success(function(response) {
          console.log(response.series[0].data)
          $scope.meters = response.series[0].data;
        });
    });
  </script>
</body>

</html>


安古拉斯普朗克

    

  • 
{{value.x+'，'+value.y}

    • 


var-app=angular.module（'myApp'，[]）；
app.controller（'customersCtrl'，函数（$scope，$http）{
$http.get（“http://127.0.0.1:8080/admin/metering/samples?meter=instance&group_by=project&stats_attr=avg&date_options=7&date_from=&date_to=")
.成功（功能（响应）{
console.log（response.series[0].数据）
$scope.meters=response.series[0]。数据；
});
});
打字错误：-将myyApp更改为myapp

 var app=angular.module('myApp',[]);
一些逻辑问题也已修复，请检查plunker

将
$scope.meters=response.records
；更改为
$scope.meters=response.series[0]。数据；

ng repeat应该是这样的：-

<li ng-repeat="value in meters">
                         {{value.x+','+value.y}}
                    </li>

  • 
{{value.x+'，'+value.y}

    •
    更新的打字错误：-将myyApp更改为myapp

     var app=angular.module('myApp',[]);
    一些逻辑问题也已修复，请检查plunker

    将
    $scope.meters=response.records
    ；更改为
    $scope.meters=response.series[0]。数据；

    ng repeat应该是这样的：-

    <li ng-repeat="value in meters">
                         {{value.x+','+value.y}}
                    </li>

  • 
{{value.x+'，'+value.y}

    •
    已更新

    请更改

     var app=angular.module('myApp',[]);
    及

  • 
{{value.x}}--{{value.y}

    •
    请更改

     var app=angular.module('myApp',[]);
    及

  • 
{{value.x}}--{{value.y}

    •
    请检查我的plunker它可能有帮助：）请检查我的plunker它可能有帮助：）是的，当我在本地系统中设置文件名“data.json”时，您的代码正在工作。但当我用url替换“data.json”时，同样的代码不起作用。请查看我的url，这是提供json数据的同一用户，请在这方面帮助我，谢谢……….跨源请求被阻止：同一源策略不允许读取@squiroid，我在远程资源上获得此数据。（原因：CORS标头“Access Control Allow Origin”丢失）。“告诉我您的服务器使用哪种语言？是的，当我在本地系统中设置文件名为“data.json”时，您的代码正在工作。”。但当我用url替换“data.json”时，同样的代码不起作用。请查看我的url，这是提供json数据的同一用户，请在这方面帮助我，谢谢……….跨源请求被阻止：同一源策略不允许读取@squiroid，我在远程资源上获得此数据。（原因：CORS标头“Access Control Allow Origin”丢失）。“请告诉我您使用的服务器语言？”？