Client-side script en DOM: Server-side scripts als alternatief

Tegenover ‘client-side’ staat de term ‘server-side’. Server-side script-talen, PHP bijvoorbeeld, Perl of ASP, worden niet uitgevoerd in de browser, maar op de webserver. De browser ontvangt de resultaten van het script, maar niet het script zelf. Webontwikkelaars hebben wel controle over de webserver, maar niet over de webbrowser. Daarom zijn server-side scripts per definitie betrouwbaarder en uitgebreider te gebruiken dan client-side scripts.

De server moet echter door de browser aangesproken worden voor de uitvoering van het server-side script. Dat maakt zo’n script soms minder gebruiksvriendelijk: het werkt altijd, voor alle browsers, maar de gehele pagina moet worden ververst. Een client-side script levert onmiddellijk een resultaat voor de bezoeker, zonder dat de server hoeft te worden aangesproken. Beide kunnen echter naast elkaar gebruikt worden: client-side scripts als aanvulling op basisfunctionaliteit, gecreëerd door server-side scripts.

Een voorbeeld: formuliervalidatie

Een contactformulier op een webpagina kan worden ingevuld door de bezoeker en zal na een klik op de verstuur-knop via de webserver naar de geadresseerde worden verzonden. Enkele van de velden in het formulier moet de bezoeker verplicht invullen, zoals de naam of het e-mailadres. Als de bezoeker een onvolledig ingevuld formulier verstuurt, wordt hem dat door een -client-side script verteld. De bezoeker weet onmiddellijk waar hij aan toe is en herstelt zijn fout.

Als dit script niet wordt ondersteund, wordt het formulier zonder controle verstuurd. De gegevens op het verstuurde formulier zijn onvolledig en het bericht komt nooit aan bij de geadresseerde.

Op zo’n moment is het goed als een server-side script alsnog de controlefunctie overneemt. Dit script controleert verstuurde formulieren op de webserver en geeft het incompleet ingevulde formulier met een foutmelding terug.

Bij het opzetten van een dergelijk formulier is het voor een webontwikkelaar praktischer om ervan uit te gaan dat client-side scripts niet ondersteund worden; door middel van server-side scripts ontwikkelt hij een formulier dat altijd werkt. Daarna kan hij client-side scripts toevoegen om het gebruiksgemak van het formulier te verbeteren.

Inhoudsopgave: Client-side script en DOM

  1. Introductie
  2. Het optionele karakter van client-side scripts
    1. HTML alternatieven voor client-side scripts
    2. Server-side scripts als alternatief
  3. Document Object Model


 Webrichtlijnen versie 1.3, november 2007.