React-Native提取XML数据

Question

我是React-Native的新手。试图制作一些非常简单的应用程序。无法弄清楚如何获取XML数据。使用JSON，一切都很简单明了。

但是如何获取XML？试图通过this和一些其他类似的脚本将其转换为JSON，但没有任何成功。需要帮助：/

我的代码看起来很简单：

var xml_url = 'http://api.example.com/public/all.xml'; 

var ExampleProject = React.createClass({ 
    getInitialState: function() { 
    return { 
     data: {results:{}}, 
    }; 
    }, 
    componentDidMount: function() { 
    this.fetchData(); 
    }, 
    fetchData: function() { 
    fetch(xml_url) 
     .then((response) => response.json()) 
     .then((responseData) => { 
     this.setState({ 
      data: responseData.data, 
     }); 
     }) 
     .done(); 
    }, 

    render: function() { 
    return (
     <View style={styles.wrapper}> 
     <View style={styles.container}> 
      <View style={styles.box}> 
      <Text style={styles.heading}>Heading</Text> 
      <Text>Some text</Text> 
      </View> 
     </View> 
     </View> 
    ); 
    }, 
}); 

Answer 1

你可以尝试https://github.com/connected-lab/react-native-xml2js，

const parseString = require('react-native-xml2js').parseString; 

    fetch('link') 
     .then(response => response.text()) 
     .then((response) => { 
      parseString(response, function (err, result) { 
       console.log(response) 
      }); 
     }).catch((err) => { 
      console.log('fetch', err) 
     }) 

我用它来我的项目。

Answer 2

看起来像你不能对XML的支持，但你可以得到的原始文本;使用response.text()而不是response.json()。你仍需要文字处理成XML

Answer 3

可以使用NPM安装XMLDOM，现在加载的DOMParser如下：

var DOMParser = require('xmldom').DOMParser 

我用它来我的项目。

Answer 4

首先 - React Native使用JavaScriptCore，它只是一个javascript解释器，所以没有浏览器对象模型，没有文档对象，没有窗口等。这就是为什么你不能使用DOMParser的原因。

确实React为您提供了一个XMLHttpRequest包装，但它不包括responseXML。

我没有发现这方面的任何解决方案，所以我刚刚创建了自己的图书馆为：react-native-xml它允许您解析XML，并XPath查询它：

let xml = require('NativeModules').RNMXml 
xml.find('<doc a="V1">V2</doc>', 
     ['/doc/@a', '/doc'], 
      results => results.map(nodes => console.log(nodes[0]))) 
// Output: 
// V1 
// V2 

Answer 5

我有同样的问题花了几个小时才发现我可以这样做：

const GOOGLE_FEED_API_URL = "https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=-1&q=" 
let url = GOOGLE_FEED_API_URL + encodeURIComponent(<yoururl>); 

fetch(url).then((res) => res.json()); 

希望它有帮助！

Answer 6

我正在使用react-native，并且我不太喜欢xmldom。 我写了我自己的反应原生XML解析器。 您可以检查它 https://www.npmjs.com/package/react-xml-parser