Wie verwenden Sie einen API-Schlüssel für einen Ajax-call?

Ich versuche, um einen API-key für die erste Zeit von der New York Times API ( http://developer.nytimes.com/) und ajax verwenden, um abrufen der news vom es zum Auffüllen einer lokalen website, aber ich bin nicht zu sehen, keine Ergebnisse. Mir wurde gesagt, um sicherzustellen, dass Ihr API-Schlüssel ist in der URL die Parameter, aber ich bin mir nicht sicher, wie es zu tun.

 ?api-key=your-key

Hier ist, was ich getan habe: 

//Built by LucyBot. www.lucybot.com
var url = "https://api.nytimes.com/svc/search/v2/articlesearch.json";
url += '?' + $.param({
'api-key': "111111111111111111111111111111"
});
$.ajax({
url: url,
method: 'GET',
}).done(function(result) {
console.log(result);
}).fail(function(err) {
throw err;
});

Ich muss sehen, dass die url im json-format, für verschiedene Themen wie Wirtschaft, Technik, etc und verwenden Sie Sie für einen ajax-Aufruf.

InformationsquelleAutor Developer101 | 2017-07-23
  1. 0

    Versuchen Sie dies, ich bin das abrufen von Daten aus dieser

    JS:

    var url = "https://api.nytimes.com/svc/search/v2/articlesearch.json";
url += '?' + $.param({
  'api-key': "11111111111111111111111"
});
$.ajax({
  url: url,
  method: 'GET',
  dataType: 'JSON',
  success: function(data) {
    console.log(data)
  },
  error: function(err) {
    console.log('error:' + err)
  }
})

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    können Sie auch versuchen, wie folgt

    JS:

    var url = "https://api.nytimes.com/svc/search/v2/articlesearch.json";
$.ajax({
  url: url,
  method: 'GET',
  dataType: 'JSON',
  data: {
    'api-key': '11111111111111111'
  },
  success: function(data) {
    console.log(data)
  },
  error: function(err) {
    console.log('error:' + err)
  }
})

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    • Versuchen Sie obige Skript ändern api-key und sehen, Sie erhalten Daten
    • Sie verwenden sollten POST für die Weitergabe vertrauliche Inhalte wie Passwörter, Schlüssel, etc. Aus developer.nytimes.com -> Alle APIs Fit to POST.
    • Ich schaffte es, um meinen api-key an das Ende der url, um zu sehen, das json-format, sondern müssen noch einen Weg finden, zu tun, der ajax-Aufruf, um zu sehen, die Geschichten mit Bildern im browser.
    • Okay, nur BEKOMMEN scheint zu funktionieren, in dem Fall ist die Antwort angegeben shoud Arbeit..
    InformationsquelleAutor Sourabh Somani
  2. 0

    Gut, sollten Sie versuchen, es auf diese Weise. Es sollte Ihnen ein Ergebnis ohne cross-origin-Fehler:

    JS:

    $.ajax({
  type: 'GET',
  url: 'http://api.nytimes.com/svc/search/v2/articlesearch.json',
  data: {
    'q': queryString,
    'response-format': "jsonp",
    'api-key': nytApiKey,
  },
  success: function(data) {
    //passed function object for data processing 
    console.log(data);
  },
  error: function(err) {
    console.log('error:' + err)
  }
});

    InformationsquelleAutor Milan Chheda
  3. 0

    Es ist nicht eine gute Praxis aussetzen API-Key direkt in client-Kontext.

    Empfehle ich Ihnen, erstellen Sie eine Abstraktions-Schicht zwischen den browser und die API.

    Die Idee ist das Ziel der AJAX-request eine eigene backend-Aktion, wie:

    var url = "www.mydomain.com/api/articlesearch";
$.ajax({
url: url,
method: 'GET',
}).done(function(result) {
    console.log(result);
}).fail(function(err) {
    throw err;
});

    Und innerhalb des backend (/api/articlesearch) wir den Antrag, dass Ziel zu NY Zeiten, mit den API-Key

    Diese Weise erhalten Sie ein passender code für javascript, halten die Verantwortlichkeiten richtig verteilt.

    PS: Wenn Sie wollen, dass es noch mehr sicher, definieren Sie den API-Schlüssel unter Verwendung von env-Variablen. Hier ist ein Beispiel in Ruby (nur für Abbildung):

    # Inside ApisController
def articlesearch
    response = RestClient::Request.execute(
    method: :get,
    url: 'https://api.nytimes.com/svc/search/v2/articlesearch.json',
    headers: {api_key: ENV['API_KEY']})

    render json: response
end

    Mit diesem Ansatz kann der API-Key wird auch nicht vorhanden sein, im GIT-repository 🙂

    InformationsquelleAutor Gabriel Gomes
Schreibe einen Kommentar