Question

我正在使用Ionic Framework和WP-API为我的基于Woocommerce的网站开发移动应用程序。我使用以下URL从网站上检索有关我产品的JSON数据 -

http://example.com/wp-json/posts?type=product&?_jsonp=JSON_CALLBACK

当我从浏览器中尝试此URL时，我会收到完美的JSON响应，其中包含有关我的产品的所有必需详细信息。但是，当我尝试通过Ionic调用相同的URL时，框架会出错。

更新

$http.jsonp( postsApi ).
    success(function(data, status, headers, config) {
      $scope.posts = data;
      console.log( data );
    }).
    error(function(data, status, headers, config) {
      console.log( 'Post load error.' );
    });

Answer 1

请提供工作链接再试一次。

尝试使用服务：

app = angular.module('appName', ['ionic']);

app.factory('postService', function($http){
  return {
    all: function all() {            
        var url = 'http://example.com/wp-json/posts?type=product&?_jsonp=JSON_CALLBACK';
      return $http.jsonp(url, {cache: true})
      .success(function(data){
          return data;
      }).error(function() {
        alert("Error");    
      });
    }
   }
 });

app.controller("ItemController", function($scope,postService){

    $scope.item = [];

     postService.all().then(function(data){
        data = data.data;
        if(data.length == 0){
            console.log('empty return');
        }else{
            $scope.item = data;
        }
    });
});

Ionic Framework在显示json数据时给出错误

1 个答案: