表のjson形式で配列の値を表示する方法

Question

私はvar customer配列を持っていて、その配列に自分の応答を格納しました。今度は、intrstdが応答している場合は、テーブルに値を入力する必要があります。

私はそれを得ることができません。

JSON：

var customer = 
[ 
    [ 
    { 
     "businessuserid": 52, 
     "businessusername": "Cars workshop", 
     "businessusermobile": "9535000636", 
     "businessusercountrycode": "91", 
     "admin": true, 
     "mobilevalidated": true, 
     "emailvalidated": false, 
     "email": "preethi@car.com", 
     "upin": "000052" 
    }, 
    { 
     "businessuserid": 59, 
     "businessusername": "MCF Business", 
     "businessusermobile": "00", 
     "businessusercountrycode": "91", 
     "admin": true, 
     "mobilevalidated": true, 
     "emailvalidated": false, 
     "email": "pavanhachholli@groupz.in", 
     "upin": "000059" 
    } 
    ], 
    [ 
    { 
     "businessuserid": 44, 
     "businessusername": "rk business New", 
     "businessusermobile": "00", 
     "businessusercountrycode": "91", 
     "admin": true, 
     "mobilevalidated": false, 
     "emailvalidated": false, 
     "email": "riteshnew@gmail.com", 
     "upin": "000044" 
    } 
    ], 
    [ 
    { 
     "approved": true, 
     "businessuserid": 43, 
     "businessusername": "Cakey Bakes", 
     "businessusermobile": "8050663763", 
     "businessusercountrycode": "91", 
     "admin": true, 
     "mobilevalidated": true, 
     "emailvalidated": false, 
     "email": "preethi@groupz.com", 
     "upin": "000043" 
    } 
    ], 
    [ 
    { 
     "intrsted": true, 
     "attended": false, 
     "businessuserid": 44, 
     "businessusername": "rk business New", 
     "businessusermobile": "00", 
     "businessusercountrycode": "91", 
     "admin": true, 
     "mobilevalidated": false, 
     "emailvalidated": false, 
     "email": "riteshnew@gmail.com", 
     "upin": "000044" 
    } 
    ], 
    [ 
    { 
     "intrsted": true, 
     "attended": false, 
     "businessuserid": 52, 
     "businessusername": "Cars workshop", 
     "businessusermobile": "9535000636", 
     "businessusercountrycode": "91", 
     "admin": true, 
     "mobilevalidated": true, 
     "emailvalidated": false, 
     "email": "preethi@car.com", 
     "upin": "000052" 
    } 
    ] 

JS：

$scope.userdetails = function(){ 
    for(var i=0;i<$scope.newuserlist[i].length;i++){ 


     for(var j=0;j<$scope.interested.length;j++){ 

       if($scope.interested[j].intrsted == undefined){ 
         $scope.undefinedprogram = "null"; 
        } 
        else if($scope.interested[j].intrsted == true){ 
         $scope.users = $scope.interested[j].businessusername; 
      console.log($scope.users); 
         $scope.modalvalues.push($scope.users); 
      console.log($scope.modalvalues); 
        } 
     } 
     } 

}; 

Iは"intrsted":タグが存在する場合にのみ配列値を取得することができていた場合、私はそれに応じてテーブルに値を移入することができるであろう。

Answer 1

anglejsタグがあるので、angularjsと仮定してください。あなたのデータをループしng-repeatを使用して、唯一の関連レコードを表示するfilterを使用することができます。

<table> 
    <tr ng-repeat="item in your.controller.your.data | filter: { intrsted: true }"> 
     <td>{{item.businessusername}}</td> 
     ... 
    </tr> 
</table> 

しかし、実際に、これは、最も基本的なangularjsアプリケーションです。初心者のチュートリアルからこの情報を得ることができます。

Answer 2

が、これはあなたも試す前に質問をしているあなた

var tbl=$("<table/>").attr("id","mytable"); 
    $("#div1").append(tbl); 
    for(var i=0;i<customer.length;i++) 
     { 
     var tr="<tr>"; 
     var td1="<td>"+customer[i]["id"]+"</td>"; 
     var td2="<td>"+customer[i]["businessusername"]+"</td>"; 
     var td3="<td>"+customer[i]["businessusermobile"]+"</td></tr>"; 
     $("#mytable").append(tr+td1+td2+td3); 

    }