Test de l'API sur le serveur de restaurants

Ici la même chose avec VueJS et Bootstrap

HTTP GET pour obtenir des restaurants, ou un seul

GET /api/restaurants

Pour tester sans Ajax, on peut juste faire un lien HTML:

• Cliquer pour obtenir les 10 premiers restaurants. La requête est simplement un GET sur /api/restaurants
• Requête avec pagination, on indique la page (par defaut: 10 restaurants par page). Ici un GET sur /api/restaurants?page=2
• Requête avec pagination, on indique la page (2) et le nombre de restaurants par page (20). Ici un GET sur /api/restaurants?page=2&pagesize=20
• Requête pour obtenir le détail du restaurant avec id=5a094c6f4b7cf08c45891278. Ici un GET sur /api/restaurants/2

Pour tester avec Ajax, il faut du JavaScript. On utilise la nouvelle API fetch, disponible depuis 2012. Mais avec un polyfill on peut la faire fonctionner sur tous les navigateurs, même les plus anciens.

Réponse Ajax du serveur:

• GET en fetch/Ajax correspondant à la première requête de l'exemple précédent: Clicker
• GET en fetch/Ajax correspondant à la seconde requête de l'exemple précédent: Clicker
• GET en fetch/Ajax correspondant à la troisème requête de l'exemple précédent: Clicker
• GET en fetch/Ajax correspondant à la quatrième requête de l'exemple précédent: Clicker

HTTP POST pour insérer un restaurant

Avec fetch/Ajax POST

Réponse Ajax du serveur:

HTTP PUT pour modifier un restaurant

Avec fetch/Ajax PUT

Réponse Ajax du serveur:

HTTP DELETE pour Supprimer un restaurant

Avec fetch/Ajax DELETE

Réponse Ajax du serveur: