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