11 AJAX met server-side scripting
Last updated
Last updated
Hebt u al ervaring met dynamische websites, dan bent u zeker vertrouwd met een master/detail-relatie. Op de overzichtspagina, de master, komt een beknopt overzicht van alle items uit de database. Vanuit een link waarbij we het id meesturen, komen we vervolgens op de detailpagina terecht. Elke actie resulteert in een nieuwe connectie met de database en met de webserver.
Misschien hebt u ook al een contactformulier ontworpen? De gebruiker vult zijn gegevens in en komt na het verzenden op een bedankpagina terecht.
Deze twee "klassiekers" gaan we in dit hoofdstuk omvormen tot een AJAX gestuurde pagina.
In het tweede deel van dit hoofdstuk gaan we externe data (HTML, JSON en XML) via een proxyscript ophalen en in een eigen webpagina verwerken.
In dit hoofdstuk bespreken we enkel de combinaties met een grijze achtergrond.
Alle toepassingen in dit hoofdstuk maken gebruik van server-side PHP-scripts. Beschikt u niet over PHP-hosting, dan kan u best een lokale testserver installeren. Bijvoorbeeld:
AMPPS (Windows - Mac): https://www.ampps.com/
WAMPserver (Windows): http://www.wampserver.com/
MAMP (Mac): http://www.mamp.info/
Het installeren en configureren van een webserver en PHP valt buiten het bestek van deze cursus.
★ Maak in de root van de webserver een nieuwe map jQuery aan of maak een lokaal domein aan. ★ Kopieer ALLE oefenbestanden naar de map jQuery.
Ziehier het resultaat:
Op een externe webserver is de URL: http://www.mijnDomein.com/jQuery/
Op een lokale webserver met lokaal domein is de URL: http://jquery3.test/
Alle voorbeelden uit vorig hoofdstuk kan u via de webserver ook testen in Chrome.
