7. Aufgabe – jQuery, Webservices
| Abgabe | 30. Januar | Punkte | 5 |
Beschreibung
Der Produktmanager von Splendr war auf einer Web-Konferenz und hat gehört, dass dieses Ajax sehr wichtig ist. Jetzt möchte er das auch haben.
Ihr Aufgabe ist es, einen entsprechenden Prototypen zu bauen.
Um sich die Arbeit zu erleichtern, können Sie eine JavaScript-Bibliothek namens jQuery verwenden. Nützliche Lernquellen finden Sie unter der Hilfeseite jQuery und als Beispiel-Projekt einen Wechselkursrechner.
Zudem wird Ihnen eine fertige, in PHP geschriebene API zur Verfügung gestellt: github.com/HTW-Webtech/Products-JSON-Template. Sie bietet ein (halbwegs) REST-basiertes Interface zum Anlegen, Bearbeiten, Anzeigen und Löschen von Produkten. Die Daten werden dabei im JSON-Format ausgetauscht. Die Schnittstelle sieht wie folgt aus:
| HTTP | Pfad | Aktion |
|---|---|---|
GET |
/ |
Gibt alle Produkte zurück |
GET |
/:id |
Gibt ein Produkt zurück |
POST |
/ |
Legt ein neues Produkt an |
PUT |
/:id |
Ändert ein Produkt |
DELETE |
/:id |
Löscht ein Produkt |
Ein Produkt muss dabei als JSON-Objekt übergeben werden und kann die Schlüssel name, url, image und price enthalten.
Sollte Ihre API unter einer anderen Origin erreichbar sein (z.B. andere Domain), finden Sie unter Cross-Domain Requests with CORS eine entsprechende Anleitung, wie jene doch erreicht werden kann.
Bewertung
Die volle Punktzahl gibt es, wenn jede CRUD-Methode funktioniert.