> For the complete documentation index, see [llms.txt](https://1itf.gitbook.io/jquery/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://1itf.gitbook.io/jquery/11-ajax-met-server-side-scripting.md).

# 11 AJAX met server-side scripting

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.

![](/files/-L9sHtQ9q12dkQnl5u9e)

{% hint style="danger" %}
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:
{% endhint %}

* **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.

{% hint style="success" %}
★ 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.
{% endhint %}

Ziehier het resultaat:

* Op een **externe webserver** is de URL: <http://www.mijnDomein.com/jQuery/> &#x20;
* Op een **lokale webserver met lokaal domein** is de URL: <http://jquery3.test/>

![Lokale webserver met lokaal domein](/files/-L9sHuPZSXFwwX3SGeDy)

{% hint style="info" %}
Alle voorbeelden uit vorig hoofdstuk kan u via de webserver ook testen in Chrome.
{% endhint %}
