将JSON解析为HTML表

Question

Can anyone help me parsing the XML content present in Oracle DB with BLOB. And Display it in UI with HTML Table using Angular JS.

From Oracle DB whenever I Query a field ,it will return multiple ROW with BLOB

And Each Blob contains XML data. Now I want to Parse it from AngularJS.

Here What I have tried

I am getting the XML Response from php and sending it to Sitemap.xml and accessing that in AngularJS

Since I have 3 ROWS returning from database , I am getting 3 XML tags like below

<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>

Now I want to convert it into JSON using ANGULAR JS and Display the Values in HTML TABLE. Can you please help me

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);
        });
    });

And My UI Should look as HTML Table like

   <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

I got answer to myself. The Problem was the XML is having multiple root elements so it wasn't converted to JSON.

As a work around now I am Appending my XML with So Now I am able to convert it into 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>