JSONをHTMLテーブルに解析する

Question

誰でも、Oracle DBに存在するXMLコンテンツをBLOBで解析する手助けができます。 Angular JSを使用してHTMLテーブルを持つUIに表示します。私は、フィールドを照会したときにOracleのDBから

は、それがBLOB

で複数の行を返し、各ブロブは、XMLデータが含まれています。今私はAngularJSからそれを解析したいと思います。私はPHPからXMLレスポンスを取得し、sitemap.xmlとに送信してアクセスしていますが

を試してみましたが、何をここで

AngularJS

私は、データベースからの復帰3つのROWSを持っているので、私は3を取得していますということ以下のXMLタグ

これで、ANGULAR JSを使用してJSONに変換し、値をHTML TABLEに表示したいと考えています。あなたは私

AngularJS

var app = angular.module('httpApp', []); 
    app.controller('httpController', function ($scope, $http) { 
     $http.get("Sitemap.xml", 
       { 
        transformResponse: function (cnv) { 
         var x2js = new X2JS(); 
         var aftCnv = x2js.xml_str2json(cnv); 
         return aftCnv; 
        } 
       }) 
     .success(function (response) { 
      console.log(response); 
     }); 
    }); 

を助けてくださいことができ、私のUIは、私は自分自身に答えを得た

<table> 
    <tr> 
    <th>WorkOrder</th> 
    <th>OrderStatus</th> 
    <th>OrderType</th> 
    </tr> 
    <tr> 
    <td>1<br></td> 
    <td>RED</td> 
    <td>A</td> 
    </tr> 
    <tr> 
    <td>2</td> 
    <td>GREEN</td> 
    <td>B</td> 
    </tr> 
    <tr> 
    <td>3</td> 
    <td>RED</td> 
    <td>C</td> 
    </tr> 
</table> 

Answer 1

のようにHTMLの表のようになり。 XMLに複数のルート要素があるため、JSONに変換されませんでした。今、私は今、私はあなたがXMLを持っていて、HTMLを生成したいJSON

<Persons> 
<Person:PersonEvent xmlns:Person = "http://PERSON/PersonEvent"> 
    <Person:Body> 
     <Person:WorkOrder workOrderId = "1"> 
      <Person:OrderStatus>RED</Person:OrderStatus> 
      <Person:OrderType>A</Person:OrderType> 
     </Person:WorkOrder> 
    </Person:Body> 
</Person:PersonEvent> 
<Person:PersonEvent xmlns:Person = "http://PERSON/PersonEvent"> 
    <Person:Body> 
     <Person:WorkOrder workOrderId = "2"> 
      <Person:OrderStatus>GREEN</Person:OrderStatus> 
      <Person:OrderType>B</Person:OrderType> 
     </Person:WorkOrder> 
    </Person:Body> 
</Person:PersonEvent> 
<Person:PersonEvent xmlns:Person = "http://PERSON/PersonEvent"> 
    <Person:Body> 
     <Person:WorkOrder workOrderId = "3"> 
      <Person:OrderStatus>RED</Person:OrderStatus> 
      <Person:OrderType>C</Person:OrderType> 
     </Person:WorkOrder> 
    </Person:Body> 
</Person:PersonEvent> 
</Persons>