https://github.com/leny/meet-ajax
Base exercise to discover AJAX with jQuery.
https://github.com/leny/meet-ajax
ajax javascript jquery
Last synced: about 1 year ago
JSON representation
Base exercise to discover AJAX with jQuery.
- Host: GitHub
- URL: https://github.com/leny/meet-ajax
- Owner: leny
- Created: 2017-02-20T10:50:09.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-02-20T11:25:51.000Z (over 9 years ago)
- Last Synced: 2025-03-27T00:54:56.383Z (about 1 year ago)
- Topics: ajax, javascript, jquery
- Language: PHP
- Homepage:
- Size: 181 KB
- Stars: 0
- Watchers: 2
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Meet AJAX
> Base exercise to discover AJAX with jQuery.
* * *
**meet-ajax** is an educational project.
**Note:** the school where the course is given, the [HEPL](http://www.provincedeliege.be/hauteecole) from Liège, Belgium, is a french-speaking school. From this point, the instructions will be in french. Sorry.
* * *
Ces fichiers servent de base d'exercice pour le cours de découverte de AJAX avec jQuery.
* * *
## Consignes
Nous avons ici un petit script PHP qui va lire le contenu d'un fichier **json** nommé `buddies.json`, et nous servir une page html contenant une liste graphique des données comprises dans ce fichier json, ainsi qu'un formulaire permettant d'encoder de nouvelles données, et un bouton pour supprimer les données.
Le script est fonctionnel en l'état, mais chaque ajout de données implique un rechargement de la page pour laisser PHP travailler.
Nous allons utiliser AJAX (avec jQuery), pour effectuer ces opération sans avoir à recharger la page à chaque fois. Nous en profiterons pour ajouter un petit contrôle de formulaire, pour éviter d'envoyer des données erronées ou incomplètes au serveur.
## Fonctionnement
### Avec MAMP/WAMP
Cloner le repo quelque part et assurez-vous que le dossier `app` soit accessible via MAMP/WAMP.
### Avec docker
* `docker run -p 80:80 -v $PWD/app:/var/www/html leny/simplephp` (aliased to `npm start`).
* * *
Les styles de l'exercice sont générés _via_ [bootstrap](http://getbootstrap.com), et les avatars sont générés _via_ l'API de [Adorable](http://adorable.io/).