javascript - ionic - $http.get 来自 Json 的项目

标签 javascript angularjs json ionic-framework

控制台:SyntaxError:JSON 中位置 119 的意外标记 {

Xcode Controller :

 str="http://www.website.com/user-orders.php?e="+$scope.useremail;
 $http.get(str)
   .success(function (response){
     $scope.user_orders = response;
     sessionStorage.setItem('userorders_id', $scope.user_orders.id);

     $scope.orders = [
       {  id:  $scope.user_orders.id, 
          uniqueid:   $scope.user_orders.uniqueid,
          platenumber: $scope.user_orders.platenumber,
          paymentstatus: $scope.user_orders.paymentstatus,
          orderstatus: $scope.user_orders.orderstatus 
       }
     ];
    }).error(function() {
      var alertPopup = $ionicPopup.alert({
        title: 'Failed to get orders!',
        template: 'Please check your credential'
      });
    });

JSON:

{"records":{"id":"21","uniqueid":"42803122423","platenumber":"00000","paymentstatus":"Success","orderstatus":"Queued"},{"id":"22","uniqueid":"428032438","platenumber":"00000","paymentstatus":"Success","orderstatus":"Queued"},} 

模板:

<ion-content ng-controller="orderslistCtrl">


      <ion-list>
          <ion-item ng-repeat="order in orders" href="#/app/orderslist/{{order.id}}">
         {{order.id}}
            {{order.uniqueid}}
          </ion-item>
      </ion-list>
 </ion-content>

如果我在“记录”中只留下 1 项:

{"records":{"id":"21","uniqueid":"42803122423","platenumber":"00000","paymentstatus":"Success","orderstatus":"Queued"}} 

它只显示 1 个结果。 如果我加载两条记录,它会显示错误。

最佳答案

我认为您的 json 文件是错误的...因为您的 JSON 对象 {records:{}} 包含记录:{} 作为对象的键,如果您有 n 个需要在数组中显示的记录项如下

{"records":[{"id":"21","uniqueid":"42803122423","platenumber":"00000","paymentstatus":"Success","orderstatus":"Queued"},{{"id":"22","uniqueid":"428032438","platenumber":"00000","paymentstatus":"Success","orderstatus":"Queued"}}]} 

关于javascript - ionic - $http.get 来自 Json 的项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41425493/

相关文章:

javascript - 使用 JavaScript/P5.js 访问数组中随机元素的不同选项

javascript - 隐藏所有内容的div

javascript - AngularJs 指令模板不起作用

javascript - AngularJS 测试 $resource - 刷新给出错误

javascript - OpenLayers 和 JSON 中的坐标

javascript - 在附加元素上触发 CSS 过渡

javascript - 替代 setInterval 来更新 API 调用的值

javascript - 未找到 Angular MINERR_ASSET 404

android - 使用 Jackson 库进行 JSON 解析

c# - 如果使用 C# 的内容长度 > 7kb,则无法在 WebRequest 上发布