javascript - 如何用Prototype解析XML字符串？

Question

我有一个字符串<ul><li e="100" n="50">Foo</li><li e="200" n="150">Bar</li></ul>在客户端我必须将其转换为 JSON。类似 {data:['Foo','Bar'],params:['100;50','200;150']}

我在 here 中找到了一个很好的方法来实现它所以我的代码应该是这样的

var $input = $(input);
var data = "data:[";
var params = "params:[";

var first = true;
$input.find("li").each(function() {
    if (!first) {
        data += ",";
        params += ",";
    } else {
        first = false;
    }
    data += "'" + $(this).text() + "'";
    var e = $(this).attr("e");
    var n = $(this).attr("n");
    params += "'" + e + ';' + n + "'";
});

return "{data + "]," + params + "]}";

但问题是我不能使用jquery。我怎样才能用原型(prototype)做同样的事情？

Answer 1

您想使用 DOM 解析器:

https://developer.mozilla.org/en/DOMParser

类似这样的事情...

var xmlStr = '<ul><li e="100" n="50">Foo</li><li e="200" n="150">Bar</li></ul>';

var parser = new DOMParser();
var doc = parser.parseFromString(xmlStr, "application/xml");

var rootElement = doc.documentElement;
var children = rootElement.childNodes;

var jsonObj = {
    data: [],
    params: []
};

for (var i = 0; i < children.length; i++) {
    // I realize this is not how your implementation is, but this should give
    // you an idea of how to work on the DOM element
    jsonObj.data.push( children[i].getAttribute('e') );
    jsonObj.params.push( children[i].getAttribute('n') );
}

return jsonObj.toJSON();

此外，不要手动构建 JSON 字符串。填充一个对象，然后JSON-encode它。

编辑:请注意，您需要先测试 DOMParser，然后才能使用它。检查here了解如何做到这一点。抱歉，没有 W3Schools 链接。