Rest Api Verbindung - pure JS

Hallo Leute,

der Title verrät schon, was mir auf der Seele brennt.

Ich habe die Dokumentation durchgesehen und nur das PHP Script gefunden.

Kenn einer von euch eine reine JavaScript Lösung um sich mit der REST API zu verbinden und mit dem API Key zu authentifizieren?

Natürlich muss es auch möglich sein Daten vom Shop zu erhalten und zu verarbeiten  Thumb-Up

Vielen Dank mir voraus.

Beste Grüße

Steven

 

Hi,

vom Prinzip her sollte das bspw. so möglich sein:

client= new XMLHttpRequest();
client.open('GET', 'http://localhost/51/api/articles', false, 'demo', '6Zn7ym1frK3vPo4m5HUNrl1e67CPSF1Fv3PkUIwx');
client.onreadystatechange = function() {
    alert(this.responseText);
};
client.send();

Frage ist natürich immer, was du genau damit anstellen möchtest und welches JS-Framework da vll. noch drin hängt - das geht sicher noch etwas komfortabler. Ggf. hängt da auch noch eine Cross-Origin-Thematik mit drin. Grundsätzlich ist die API ja eher zur Bestandspflege oder Artikelanlage gedacht und vermutlich nicht dazu geeignet, in Angular ein Frontend / Backend nachzubauen (falls das der Plan ist).

Daniel

1 „Gefällt mir“

Hallo Daniel,

vielen Dank für deine schnelle Antwort.

Mir geht es nur darum, gewisse Daten aus dem Shop auszulesen. Eintragen möchte ich erstmal nichts.

Ich hab deinen Snippet mal verwendet und leider folgenden Fehler erhalten:

rest.html:8 GET http://xxx.de/api/articles/3 401 (Unauthorized)(anonymous function) @ rest.html:8
rest.html:8 XMLHttpRequest cannot load http://xxx.de/api/articles/3. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8888' is therefore not allowed access. The response had HTTP status code 401.(anonymous function) @ rest.html:8
rest.html:8 Uncaught NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'http://USER:n0zStNMew4tBpwnelgr5RDy7HTGtPT7citVz24fx@xxx.de/api/articles/3'.

API Key ist erstellt und aktiviert für den entsprechenden User. Die PHP Version funktioniert einwandfrei. Weisst du wie ich den Fehler beheben kann?

Ich habe nun den Snippet von meinem Server ausgeführt statt von meiner Maschine. Nun funktioniert es.

Vielen Dank und schöne Ostern!

Grüße Steven