React-Native fetch XML-данные

Question

Я новичок в React-Native. Попытка сделать некоторые очень простые приложения. Невозможно выяснить, как получить XML-данные. С JSON все понятно и просто.

Но как получить XML? Пытался преобразовать его в JSON через this и некоторые другие подобные скрипты, но безуспешно. Нужна помощь:/

Мой код выглядит очень просто:

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

вы можете использовать НПМ установить 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

Я использую native-native, и мне не очень понравился xmldom. Я написал собственный собственный синтаксический анализатор XML. Вы можете проверить его на https://www.npmjs.com/package/react-xml-parser