如何在AngularJS中發出HTTP請求以提供JSON數據格式？
[英]How to make http request in AngularJS for give JSON data formate?
問題描述
我想使angularjs應用程序發出http請求，我使用angularjs進行以下代碼（index.html）發出JSON數據的http請求。 但這不是打印json數據。
在Firefox的控制台中，我收到以下警告（相同來源
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://127.0.0.1:8080/admin/metering/samples?meter=instance&group_by=project&stats_attr=avg&date_options=7&date_from=&date_to=. (Reason: CORS header 'Access-Control-Allow-Origin' missing).
{
"series": [
{
"meter": "instance",
"data": [
{
"y": 1,
"x": "2015-06-17T09:52:17"
},
{
"y": 1,
"x": "2015-06-18T09:57:40"
},
{
"y": 1,
"x": "2015-06-19T09:55:29"
},
{
"y": 1,
"x": "2015-06-20T09:59:43"
},
{
"y": 1,
"x": "2015-06-21T05:35:26"
},
{
"y": 1,
"x": "2015-06-22T09:56:47"
},
{
"y": 1,
"x": "2015-06-23T09:55:07"
}
],
"name": "demo",
"unit": "instance"
}
],
"settings": {}
}
的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>
2 個解決方案
解決方案1
0 2015-06-23 10:41:05
錯字：-將myyApp to myapp更改myyApp to myapp
var app=angular.module('myApp',[]);
某些邏輯問題也已修復，請檢查活塞。
更改$scope.meters=response.records ; 到$scope.meters=response.series[0].data;
ng-repeat應該像：
<li ng-repeat="value in meters">
{{value.x+','+value.y}}
</li>
更新的柱塞
解決方案2
0 2015-06-23 10:44:49
請更換
var app=angular.module('myApp',[]);
和
<li ng-repeat="value in meters.series.data">
{{value.x}} -- {{value.y}}
</li>
如何在json formate中退出數據？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.