2017-06-09 4 views
0

Ich bin ein wachsender React-Entwickler, der Mac OSX mit einem Chrome-Browser verwendet. Ich habe mit verschiedenen Methoden versucht, JSONP über die Yelp Fusion-API in meiner Frontend-Anwendung zu erhalten, indem ich andere Referenzen in stackoverflow verwendete, aber immer noch Schwierigkeiten dabei habe.JSONP Fehler für Yelp Fusion API

Einer der vielversprechendsten Methoden, die ich versucht habe, den Anruf in der componentWillMount() -Methode in meinem Reagieren Komponente Umsetzung nach jQuery importieren, aber eine GET-Ausfall erhalten:

$.ajax({ 
    url: 'https://api.yelp.com/businesses/search', 
    dataType: 'jsonp', 
    data: { 
      term: 'restaurants', 
      latitude: [lat], 
      longitude: [long] 
    }, 
    success: 
     function(data) { console.log('received jsonp'); } 
}); 

Muss ich einen syntaktischen Fehler oder fehlt mir etwas ganz? Ich weiß, dass die API von Yelp Fusion ein Autorisierungstoken in seiner Kopfzeile (das ich erhalten habe) erwartet, aber ich habe den Eindruck, dass dies unnötig ist, wenn ich versuche, JSONP zu erhalten.

Jede Hilfe oder Klarheit meiner Missverständnisse wird sehr geschätzt. Vielen Dank.

+1

' 'https:'. Ist das ein Tippfehler? Es sollte '' https: // ' – taylorc93

+0

Ah, danke, dass Sie darauf hingewiesen haben. Es war ein Tippfehler. Die Anfrage schlägt jedoch immer noch fehl. – gpsugy

Antwort

1

Soweit mir bekannt ist, unterstützt Fusion JSONP nicht.

Allerdings habe ich gerade einen Workaround selbst entwickelt und eine Reihe von Dokumentationen (mit Code-Schnipsel) zusammengestellt, um Daten über das Front-End zu holen.

es auf meinem GitHub Seite verfügbar ist, wenn Sie interessiert sind:

https://github.com/builderLabs/Yelp-Fusion-JavaScript