Question

我在myjson.com网站上创建了一个json文件。这是网址：json file

现在，当我尝试访问这样的数据：https://api.myjson.com/bins/udmp1/dishes时，它无法正常工作。但是localy它完美无缺。

现在我使用的代码：

.constant("baseURL", "https://api.myjson.com/bins/udmp1")
.service('dishesFactory', ['$resource', 'baseURL', function ($resource, baseURL) {

    return $resource(baseURL + "dishes/:id", null, {
        'update': {
            method: 'PUT'
        }
    });

           }])

我做错了什么？

谢谢！

Answer 1

如果您想获取import org.gwtbootstrap3.client.ui.html.Paragraph; @UiField public Paragraph myWidget; myWidget.setText("Dynamic text");数据，则应该执行下一步：

＆＃13;

dishes

＆＃13;

$.get('https://api.myjson.com/bins/udmp1', function (a){
 
  var dishesList = $('ul#dishes');
  
  $.each(a.dishes, function (c,d){
    dishesList.append("<li>"+d.name+"</li>")
  });  
});

＆＃13;

此响应的<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p>Dishes</p> <ul id="dishes"> </ul>为Content-Type - 无需application/json将解析后的数据作为对象。

a = JSON.parse(a) - 它是一个响应承诺对象，您可以在响应来之后继续。

根据a，你应该做下一步：

＆＃13;

AngularJS

＆＃13;

var app = angular.module('testMod', []);

app.controller('TestController', function ($scope, $http){
  $http.get('https://api.myjson.com/bins/udmp1').then(function (a){
      $scope.dishes = a.data.dishes;
  });
});

＆＃13;

Answer 2

您应该请求网址并在javascript中将其指定为对象，然后您可以像这样访问该属性：

$.ajax({
   url:  "https://api.myjson.com/bins/udmp1",
   method: "get",
   dataType: "json",
   success: function(data){
       var dishes = data.dishes; // now you get dishes
   }
})

Answer 3

试试这个：

var myApp = angular.module('myApp',[]);

myApp.controller('FetchCtrl',function($scope, $http) {
  $scope.method = 'GET';
  $scope.url = 'https://api.myjson.com/bins/udmp1';

    $http({method: $scope.method, url: $scope.url}).
      success(function(res) {
        $scope.dishes = res.dishes;
        console.log($scope.dishes); // dishes data
      }).
      error(function(err) {
        console.log(err);
    });
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="FetchCtrl">
</div>

访问json文件数据

3 个答案: