Matthijs217 / user-experience-enhanced-website

Ontwerp en maak een interactieve website die snel laadt en prettig te gebruiken is
https://user-experience-enhanced-website-9lma.onrender.com
MIT License
0 stars 0 forks source link

Client side scripting afmaken #2

Closed Matthijs217 closed 2 weeks ago

Matthijs217 commented 3 weeks ago

Fixen dat het client side script gaat werken zodat de pagina niet hoeft te refreshen nadat ik heb gepost. Dit gaat nu nog via de server side.

Matthijs217 commented 2 weeks ago
Image Image

De body is nu nog undefined en ik weet nog niet waarom. Ik heb een log erop gezet en ga nu kijken hoe dat komt.

Matthijs217 commented 2 weeks ago
Image Image

De form word opzich verzonden en ik kan de body ook uitlezen in de client console. Maar hij komt niet aan bij de server.js

Matthijs217 commented 2 weeks ago
Image Image

Zoals je ziet heb ik gelogged of die nu wel binnen komt. Ik had een dubbele post vandaar dat die eerst niet binnen kwam. De vacature komt nu eindelijk door. Maar als ik hem voor het eerst submit heeft die nog een andere naam, als ik hem refresh staat die wel goed.

Matthijs217 commented 2 weeks ago

Er zat een language parameter in het formulier, die is nu weg want die bestond niet.

Daarnaast kon je de details niet sluiten, omdat de inputs required waren en hij het zag als een btn om te submitten. Nu heb ik er voor gezorgd dat die wel sluit met removeattribute('open')

Matthijs217 commented 2 weeks ago

Ik ga nog steeds even kijken hoezo de verkeerde naam word doorgegeven als ik het formulier submit (client side)

Matthijs217 commented 2 weeks ago

Formulier werkt eindelijk! Je kan hem nu ook normaal weer sluiten met de close btn, als je hem submit is de naam gelijk aan de naam die je hebt ingevuld vanwege de :last-of-type die ik heb gebruikt.

Ook heb ik toegevoegd dat na de loading state de details ook automatisch sluit.

Matthijs217 commented 2 weeks ago

Hierbij is de client side fetch ook gelukt en kan deze issue dicht, ik ga nu een nieuwe issue aanmaken voor het toevoegen van de loading en succes state!