Konvertieren Locke GET-Anfrage an Ajax

Question

Ich versuche, eine Locke Anfrage zu replizieren, um einen PDF in Ajax zum Download bereit. Die Curl-Anforderungen werden in der PDF Filler-Dokumentation here erläutert. Die folgende Curl-Anfrage ergibt erfolgreich eine Antwort des Dateiinhalts:

curl -X "GET" "https://api.pdffiller.com/v1/fillable_template/DOCUMENT_ID/download" -H "Authorization: Bearer API_KEY_FROM_STEP1" 

ich folgende Ajax versucht haben:

$.ajax({ 
    method: 'GET', 
    url: 'https://api.pdffiller.com/v1/fillable_template/DOCUMENT_ID', 
    headers: { 
     Authorization: 'Bearer API_KEY_FROM_STEP1', 
    }, 
}) 

, die die folgende Fehlermeldung ergibt:

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. 

I habe auch versucht, xhr für den Header, die auch den gleichen Fehler gibt:

$.ajax({ 
    method: 'GET', 
    url: 'https://api.pdffiller.com/v1/fillable_template/DOCUMENT_ID', 
    beforeSend: function(xhr) { 
     xhr.setRequestHeader('Authorization', 'Bearer ' + 'API_KEY_FROM_STEP1'); 
     xhr.setRequestHeader('Accept-Language', 'en_US'); 
    }, 
}) 

Irgendwelche Gedanken auf, wo ich falsch gehe? Vielen Dank!

Answer 1

Sie müssen auch CORS Header auf Ihre Anfrage hinzuzufügen, weil Sie eine Cross-Domain-Anfrage machen wollen. Ihr Wunsch url muss CORS lassen, sondern weil es ein API-Aufruf ist, sollte es auf ihrer Seite erlaubt sein ...

$.ajax({ 
    method: 'GET', 
    url: 'https://api.pdffiller.com/v1/fillable_template/74275400', 
    crossDomain: true, 
    xhrFields: { 
     withCredentials: true 
    }, 
    headers: { 
     Authorization: 'Bearer S1qAS0YFCfUbRemx2OGaeUcmm6mni1EXK3T1FkkL', 
    }, 
});