Formulieren gebruiken om informatie van gebruikers te verzamelen

Laatst bijgewerkt op 20 dec. 2021

Informatie verzamelen van gebruikers

Je kunt webformulieren of hypertekstkoppelingen gebruiken om informatie van gebruikers te verzamelen, die informatie opslaan in het geheugen van de server en vervolgens de informatie gebruiken om een dynamische reactie te maken op basis van de invoer van de gebruiker. De meest gebruikelijke tools voor het verzamelen van gebruikersinformatie zijn HTML-formulieren en hypertekstkoppelingen.

Met HTML-formulieren

Hiermee kun je informatie van gebruikers verzamelen en opslaan in het geheugen van de server. Een HTML-formulier kan de informatie verzenden als formulierparameters of als URL-parameters.

Ook met hypertextkoppelingen

Hiermee kun je informatie van gebruikers verzamelen en opslaan in het geheugen van de server. Je specificeert een waarde (of waarden) die moet worden verzonden wanneer een gebruiker op een koppeling klikt—bijvoorbeeld een voorkeur—door de waarde toe te voegen aan de URL die in de ankertag is gespecificeerd. Wanneer een gebruiker op de koppeling klikt, stuurt de browser de URL en de toegevoegde waarde naar de server.

De gebruikersinterface van nieuwere versies van Dreamweaver is vereenvoudigd. Daarom zijn sommige opties die in dit artikel worden beschreven, niet beschikbaar in nieuwere versies van Dreamweaver. Meer informatie vindt u in dit artikel.

HTML-formulierparameters

Formulierparameters worden naar de server gestuurd via een HTML-formulier met de POST- of GET-methode.

Bij gebruik van de POST-methode worden parameters naar de webserver gestuurd als onderdeel van de koptekst van het document, en zijn ze niet zichtbaar of toegankelijk voor iedereen die de pagina bekijkt met standaard methoden. De POST-methode moet worden gebruikt voor waarden die de database-inhoud beïnvloeden (bijvoorbeeld het invoegen, bijwerken of verwijderen van records), of voor waarden die via e-mail worden verzonden.

De GET-methode voegt parameters toe aan de gevraagde URL. De parameters zijn zichtbaar voor iedereen die de pagina bekijkt. De methode GET moet worden gebruikt voor zoekformulieren.

Je kunt Dreamweaver gebruiken om snel HTML-formulieren te ontwerpen die formulierparameters naar de server sturen. Houd rekening met de methode die je gebruikt om informatie van de browser naar de server te verzenden.

Formulierparameters nemen de namen van hun overeenkomstige formulierobjecten over. Als je formulier bijvoorbeeld een tekstveld bevat met de naam txtLastName, dan wordt de volgende formulierparameter naar de server gestuurd wanneer de gebruiker op de knop Verzenden klikt:

txtLastName=ingevoerdewaarde

In gevallen waarin een web-app een precieze parameterwaarde verwacht (bijvoorbeeld wanneer deze een actie uitvoert op basis van een van meerdere opties), gebruik je een keuzerondje, selectievakje of lijst/menu-formulierobject om de waarden te controleren die de gebruiker kan verzenden. Dit voorkomt dat gebruikers informatie onjuist typen en een applicatiefout veroorzaken. Het volgende voorbeeld toont een contextmenuformulier dat drie keuzes biedt:

Formulier in pop-upmenu

Elke menukeuze komt overeen met een hardgecodeerde waarde die wordt verzonden als een formulierparameter naar de server. Het dialoogvenster Lijstwaarden in het volgende voorbeeld koppelt elk lijstitem aan een waarde (Toevoegen, Bijwerken of Verwijderen):

Dialoogvenster Lijstwaarden

Nadat een formulierparameter is gemaakt, kan Dreamweaver de waarde ophalen en gebruiken in een webapplicatie.Na het definiëren van de formulierparameter in Dreamweaver kun je de waarde invoegen in een pagina.

URL-parameters

URL-parameters laten je door gebruikers opgegeven informatie doorgeven van de browser naar de server.Wanneer een server een verzoek ontvangt en parameters zijn toegevoegd aan de URL van het verzoek, geeft de server de gevraagde pagina toegang tot de parameters voordat die pagina aan de browser wordt geleverd.

Een URL-parameter is een naam-waardepaar dat is toegevoegd aan een URL. De parameter begint met een vraagteken (?) en heeft de vorm naam=waarde. Als er meer dan één URL-parameter bestaat, wordt elke parameter gescheiden door een ampersand (&). Het volgende voorbeeld toont een URL-parameter met twee naam-waardeparen:

http://server/pad/document?naam1=waarde1&naam2=waarde2

In dit voorbeeldstroomschema is de toepassing een op het web gebaseerde winkel. Omdat de ontwikkelaars van de site het breedst mogelijke publiek willen bereiken, is de site ontworpen om buitenlandse valuta te ondersteunen. Wanneer gebruikers inloggen op de site, kunnen ze de valuta selecteren waarin ze de prijzen van de beschikbare items willen bekijken.

De browser vraagt om de pagina report.cfm van de server. Het verzoek omvat de URL-parameter Currency="euro". De Currency="euro" variabele specificeert dat alle opgehaalde geldbedragen worden weergegeven als de Europese Unie euro.

De server slaat de URL-parameter tijdelijk in het geheugen op.

De pagina report.cfm gebruikt de parameter om de kosten van items in euro's op te halen. Deze geldbedragen kunnen worden opgeslagen in een databasetabel met verschillende valuta, of worden geconverteerd vanuit een enkele valuta die aan elk item is gekoppeld (elke valuta die door de applicatie wordt ondersteund).

De server stuurt de rapport.cfm-pagina naar de browser en geeft de waarde van items weer in de gevraagde valuta.Wanneer deze gebruiker de sessie beëindigt, wist de server de waarde van de URL-parameter, waardoor servergeheugen vrijkomt voor nieuwe gebruikersverzoeken.

URL-parameters worden ook aangemaakt wanneer de HTTP GET-methode wordt gebruikt in combinatie met een HTML-formulier.De GET-methode specificeert dat de parameterwaarde wordt toegevoegd aan het URL-verzoek wanneer het formulier wordt verzonden.

Typische toepassingen van URL-parameters omvatten het personaliseren van websites op basis van gebruikersvoorkeuren. Bijvoorbeeld, een URL-parameter bestaande uit een gebruikersnaam en wachtwoord kan worden gebruikt om een gebruiker te authenticeren, waarbij alleen informatie wordt weergegeven waar die gebruiker zich op heeft geabonneerd. Veelvoorkomende voorbeelden hiervan zijn financiële websites die individuele aandelenkoersen weergeven op basis van beurssymbolen die de gebruiker eerder heeft gekozen.Ontwikkelaars van webapplicaties gebruiken vaak URL-parameters om waarden door te geven aan variabelen binnen applicaties.Je kunt bijvoorbeeld zoektermen doorgeven aan SQL variabelen in een web-app om zoekresultaten te genereren.

Je maakt URL-parameters binnen een HTML-koppeling door het href-kenmerk van de HTML-ankertag te gebruiken.Je kunt de URL-parameters direct in het attribuut invoeren in Code-weergave (Weergave > Code), of door de URL-parameters toe te voegen aan het einde van de koppeling URL in het vak Koppeling van de Property inspector.

In het volgende voorbeeld maken drie koppelingen een enkele URL-parameter (action) met drie mogelijke waarden (Add, Update en Delete).Wanneer de gebruiker op een koppeling klikt, wordt een parameterwaarde verzonden naar de server, en wordt de gevraagde actie uitgevoerd.

<a href="http://www.mysite.com/index.cfm?action=Add">Een record toevoegen</a>

<a href="http://www.mysite.com/index.cfm?action=Update">Een record bijwerken</a>

<a href="http://www.mysite.com/index.cfm?action=Delete">Een record verwijderen</a>

Met de Eigenschap-inspector (Venster > Eigenschappen) kun je dezelfde URL-parameters maken door de koppeling te selecteren en de URL-parameterwaarden toe te voegen aan het einde van de koppelings-URL in het Koppeling-vak.

Eigenschappencontrole

Nadat een URL-parameter is gemaakt, kan Dreamweaver de waarde ophalen en gebruiken in een webapplicatie.Nadat je de URL-parameter hebt gedefinieerd in Dreamweaver, kun je de waarde invoegen in een pagina.