2017-04-10 4 views
-1

Je veux savoir quelles sont les meilleures techniques pour réaliser les choses suivantes.
Et je veux utiliser la bibliothèque Axios pour appeler Rest, mais j'ai eu des problèmes pour appeler et consommer.Utilisé Axios pour appeler Rest Api dans React JS web Application

  • Quel est le meilleur modèle pour appeler REST API React.
  • Quels outils et références pour apprendre plus rapidement.

Merci

+0

https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API. –

+0

cela prend-il en charge le CRUD complet? – Felix

+1

Oui, vous pouvez obtenir, POST, PUT, PATCH + DELETE. S'il vous plaît chercher des tutoriels sur le web. Je suppose que vous trouverez beaucoup d'aide/d'exemples là-bas. –

Répondre

1

j'utilise Ajax.

Voici un exemple de code qui vous permet de récupérer les données:

request() { 
    $.ajax({ 
     url: "http://your/url", 
     method: 'GET', 
     }).then(function (data) { 
      // Here process the data you fetched 
      } 
    }.bind(this)); 
} 

Et vous pouvez appeler votre fonction quelque part dans votre code. Mais évitez de l'appeler au sein de componentWillMount, il est fortement recommandé par React docs. here.

Pour moi, mon besoin était d'obtenir des données tous les n secondes du serveur, donc je l'ai appelé dans componentDidMount

componentDidMount() { 
    this.interval = setInterval(() => this.request(), 10000); 
} 
+0

est-il préférable de plainajax? ou quels sont les avantages? – Felix