使用 jQuery 解析数据

Question

<?xml version="1.0" encoding="utf-8"?>
<blamatrixrix>
<name></name>
<columns number="2">
 <column id="title" num="0">Title</column>
 <column id="content" num="1">Content</column>
</columns>
<rows number="7"></rows>
<b>Description</b>
<b>Description text here</b>
<b>Some title 1</b>
<b>Some text blabla for Some title 1</b>
<b>Some title 2</b>
<b>Some text blabla for Some title 2</b>
<b>Some title 3</b>
<b>Some text blabla for Some title 3</b>
<b>Some title 4</b>
<b>Some text blabla for Some title 4</b>
<b>Some title 5</b>
<b>Some text blabla for Some title 5</b>
<b>Some title 6</b>
<b>Some text blabla for Some title 6</b>
</blamatrixrix>

我需要将该数据解析到表中，以便每个其他 content 都将进入 own ，并且每个其他内容都进入 own 。

最终看起来像这样：

<tr><td>Some title 1</td>  <td>Some title 2'</td> <td>Some title 3</td>  <td>Some title 4'</td></tr>
<tr><td>Some text 1</td><td>Some text 2</td><td>Some text 3</td><td>Some text 4</td></tr>

我应该如何开始做呢？谢谢。

编辑：我知道 XML 并不像它应该的那样，但我对此无能为力。我只需要在这样的情况下解析它。

Answer 1

对于初学者来说，您的 XML 无效：

<b>Description</c>

应该

<b>Description</b>

并且

<bDescription text here</b>

应该

<b>Description text here</b>

编辑：您还应该考虑将 XML 结构更改为更符合逻辑的内容，例如

<rows number="7">
    <row>
        <description>Description</description>
        <text>Description text here</text>
    </row>
    ...
</rows>

编辑#2：您也可以只使用 jQuery 来解析和编辑。遍历您的 XML，如下所示：

$(xml_string).children().each(function(c) {
    // do something
});

甚至更好：

parseXMLValue($(xml_string).find('noniterablenode').text());
...
$(xml_string).find('iterablenode').each(function(e) {
    // do something with your iterable elements
});

等等，其中 parseXMLValue() 将是您自己的函数，用于使用特定 XML 节点的值。

Answer 2

修复错误后，您可以执行如下操作：

$.ajax( 
  url: "path/to/file.xml", 
  type: "GET", 
  dataType:"xml", 
  success: function(xml){ 
    var cols = [];

    $(xml).find("col").each(function(){
      cols.push({
        id:$(this).attr('id'),
        text:$(this).text()
      });
    });

    $(xml).find("row").each(function(){
      var info = "<tr>";

      for(var i = 0; i < cols.length; i++) {
        info += "<td>" + $(this).find(cols[i].id).text() + "</td>";
      }

      info += "</tr>";

      $("#table").append(info);
    });
  },
  error : function(){ //some code}
});

这适用于以下 XML 文档。

<?xml version="1.0" encoding="utf-8"?>
<tableinfo>
  <columns>
    <col id="title">Title</column>
    <col id="content">Content</column>
  </columns>
  <rows>
    <row>
      <title>test</title>
      <content>text content</content>
    </row>
    <row>
      <title>test2</title>
      <content>more text content</content>
    </row>
  </rows>
</tableinfo>