將JSON解析爲HTML表

任何人都可以幫助我用BLOB解析Oracle DB中存在的XML內容。並使用Angular JS在HTML表格中顯示它。將JSON解析爲HTML表

從Oracle數據庫每當我問題涉及的領域，它會返回多個一行BLOB

，並且每個斑點包含XML數據。現在我想從AngularJS解析它。

這裏我已經試過

我正在從PHP的XML響應，並把它發送到的sitemap.xml和訪問，在AngularJS

因爲我有3行從數據庫返回，我得到3 XML標籤如下

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

現在我想要使用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看起來應該如HTML表像

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

來源

2016-10-01 Batman

你有XML，你想生成HTML。 JSON與什麼有什麼關係？ –

請勿標記垃圾郵件。雖然您的XML來自BLOB，並且您正在使用PHP服務器端來檢索它，但問題與blob或PHP沒有任何關係。這是一個關於使用Angular操作XML的客戶端JavaScript的問題。我刪除了不相關的標籤並添加了[tag：javascript]。我沒有刪除[tag：json]，等待您澄清JSON與此有關的事情。 –

@ T.J.Crowder由於我的XML數據非常大，我在這裏給出了示例，所以我希望它在解析之前擁有JSON，並且在解析JSON的過程中很容易在Angular JS – Batman

我得到的答案自己。問題是XML有多個根元素，所以它沒有轉換爲JSON。

由於周圍的工作我現在追加我的XML與所以，現在我可以把它轉換成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>

來源

2016-10-02 08:00:14 Batman

將JSON解析爲HTML表

回答

相關問題