如何在 react-native 中使用 XML 响应

Question

我正在通过react-native 开发一个移动应用程序，我必须调用一个返回XML 的odata 服务，并且我需要将其转换为json 对象。

我该怎么做？

return fetch(url, {
      method: 'GET',
      headers: {
        Authorization: config.api.auth,
      },
    })
      .then(response => response.json())
      // .then(response => response.text())
      // .then(xml => _xmlToJson(xml))
      .then(json => dosomething(json))
      .catch(ex => showError(ex));
  };

我试图获取text() 而不是json() 并将其传递给另一个方法，该方法将xml 转换为json 但问题是该方法需要xml object 但text() 返回字符串，我在react-native 中找不到将string 转换为xml 的方法。

附言由于 React Native 使用 JavaScriptCore，它只是一个 javascript 解释器，所以没有 Browser Object Model，没有文档对象，没有窗口等可以使用

Answer 1

虽然 Daniel Schmidt 的回答是正确的，但我使用了本文中描述的方式，Build a YouTube playlist browser with React Native and Siphon

npm install xmldom 

---

var DOMParser = require('xmldom').DOMParser;

---

parseVideos: function(s) {
  console.log('Parsing the feed...');
  var doc = new DOMParser().parseFromString(s, 'text/xml');
  var objs = [];
  var videos = doc.getElementsByTagName('yt:videoId');
  var thumbs = doc.getElementsByTagName('media:thumbnail');
  for (var i=0; i < videos.length; i++) {
    objs.push({
      id: videos[i].textContent,
      thumbnail: thumbs[i].getAttribute('url')
    })
  }
  this.setState({videos: objs});
},

Answer 2

您可以使用节点领域中的任何 xml2js 库，例如 https://github.com/Leonidas-from-XIV/node-xml2js