AJAX dmv click event aan button

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior Developer 3D computing

Senior Developer 3D computing Als Senior Developer 3D Computing bij KUBUS word je verantwoordelijk voor de implementatie van user-interacties en 3D optimalisaties van onze 3D tools voor visualiseren en analyseren van 3D gebouwmodellen. We gebruiken de modernste web technologie als onderdeel van BIMcollab, ons platform voor 3D model-validatie en issue-management, bedoeld om de kwaliteit van 3D design-modellen voor gebouwen te verbeteren. Betere 3D modellen leiden tot betere gebouwen, dus zo draag je bij aan verduurzaming van de gebouwde omgeving met slimmer gebruik van materialen, minder verspilling en energie-efficiënte gebouwen. Een goede gebruikerservaring staat bij ons hoog in het vaandel; we

Bekijk vacature »

Freelance java developer / scrummaster (zzp)

Belastingdienst B/cao Startdatum inzet: 9-1-2023 Einddatum inzet: 31-12-2023 Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 82,00 Voor onze partnerorganisatie, de Belastingdienst, zijn wij op zoek naar een Java Developer met kennis van en ervaring met de Scrum methodiek. In deze rol wordt er van je gevraagd dat je: Brede ervaring hebt als JAVA-ontwikkelaar; Weet wat er van een scrummaster wordt verwacht; Als volwaardig teamlid participeert binnen het scrumproces in je team en in de SAFe-releasetrain; Zowel zelfstandig kunt werken in een scrumteam als intensief de samenwerking zoekt met je directe collega’s en je omgeving; Samenwerkt met je collega’s

Bekijk vacature »

Frontend Developer UI UX

Samengevat: Wij ontwikkelen SaaS-applicaties voor de zorg. Ben jij een ervaren frontend devloper? Heb jij affiniteit met UX/UI? Vaste baan: Frontend Developer Typescript Javascript HBO €3.000 - €4.800 Deze werkgever is een softwarebureau, dat zich vooral richt op de ontwikkeling van software applicaties voor artsen. Bij bij hun werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als het gaat om de inzet van technologie. Deze werkgever staat open voor elke nieuwe trend. Onze systemen zijn groot en ingewikkeld. Hou jij van diepgang en van een vaste werkkring waar je jaren werkt

Bekijk vacature »

Flutter Developer

As a Flutter developer you love to work on great apps, for big, international brands. Flutter Apps with interesting new features that help companies provide their service in new and innovative ways. In this role you’ll work as an Flutter developer with an experienced team of specialists and you’ll translate designs in a user friendly mobile Flutter app. You will also write Unit Test and come up with technical solutions. Functie-eisen 3+ years of hands-on experience with Flutter development You are familiar with writing Unit Test You are familiar with CI/CD You have a bachelors or masters degree in Computer

Bekijk vacature »

Front-End Developer

As a Front-End Developer at Coolblue you improve the user-friendliness of our webshop for millions of customers. How do I become a Front-End Developer at Coolblue? As a Front-End Developer you work on the user-friendliness of our webshop for millions of customers. You enjoy working with the UX Designer to pick up stories. You get energy from coming up with creative solutions and are happy to present these within the team. You also take pride in your work and welcome any feedback. Would you like to become a Front-End Developer at Coolblue? Read below if the job suits you. You

Bekijk vacature »

Freelance applicatieontwikkelaar (zzp)

Belastingdienst B/cao Startdatum : 2-1-2023 Tijdelijke functie, met optie op vast Aantal uren per week : 36 Standplaats in overleg : Apeldoorn Applicatieontwikkelaar bij het Ministerie van Financiën- Belastingdienst We zoeken een consultant/developer met ervaring in de ontwikkeling van back-end systemen. Als consultant heb je kennis en ervaring met de wijze waarop Open Formulieren is opgezet. Je bent een vraagbaak voor collega’s en deelt waar nodig je kennis. Je hebt ervaring met het werken in een open source omgeving. Je bent thuis in verschillende frameworks of je kunt je die snel eigen maken. Je hebt aantoonbaar ruime kennis van en

Bekijk vacature »

.NET Developer Azure

Dit ga je doen Je dagelijkse werkzaamheden bestaan onder andere uit het: Ontwikkelen van kwalitatief sterke code met o.a. C# en .NET Core; Werken aan tal van nieuwe oplossingen binnen het Azure platform; Van scratch af aan bouwen van oplossingen, platformen, apps en andere portalen; Werken aan innovatieve (inhouse) projecten voor tal van gerenommeerde organisaties; Meedenken over architectuur vraagstukken; Leveren van technische input tijdens (pre)sales trajecten; Bouwen van koppelingen middels API's. Hier ga je werken Werken aan innovatieve en uitdagende projecten binnen een multidisciplinair team dus. Als .NET developer ga je werken in een DevOps team aan state-of-the-art oplossingen voor

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Java Developer

Als Java Developer bij Coolblue Energie zorg je ervoor dat onze back-end systemen elke dag een beetje beter zijn. Wat doe je als Java Developer bij Coolblue? Coolblue Energie is de energiemaatschappij voor iedereen die energie wil besparen. Je krijgt niet alleen groene stroom maar we helpen je ook je energieverbruik te verminderen. Als Java Developer werk je met andere development teams samen om onze back-end systemen zo optimaal mogelijk te laten werken en onze klanten het beste inzicht en advies te geven om energieverbruik te verminderen. Op deze manier draag jij bij aan de groene-energietransitie. Ook Java Developer worden

Bekijk vacature »

Gezocht: Java ontwikkelaars met een maatschappelij

Bedrijfsomschrijving Zoek jij als medior Java ontwikkelaar een inspirerende werkplek bij een bedrijf met maatschappelijk verantwoordelijkheidsgevoel? Dan is deze vacature je op het lijf geschreven. De organisatie bestaat ruim 15 jaar en ze ontwikkelen in house applicaties waarmee de zorgsector enorm mee gebaat is. Jouw applicaties worden gebruikt door duizenden gebruikers waardoor je echt een waardevolle bijdrage kan leveren aan de maatschappij. Het bedrijf is zeer innovatief en vindt een goede werk/privé balans belangrijk. Je krijgt alle mogelijkheden om jezelf verder te ontwikkelen, je werktijden in te delen en daarnaast is het ook mogelijk om deels thuis te werken. Het

Bekijk vacature »

Senior Developer / adviseur (Almelo en thuis)

Functie­omschrijving Wil jij jouw kennis van datagedreven werken, AI en containerisatie inzetten om onze dienstverlening op het gebied van digitaal archiveren en intelligent meta dateren samen met onze scrumteams verder te ontwikkelen? Zie jij vraagstukken niet als een probleem maar krijg je er juist energie van om die te vertalen naar oplossingen, kun je ook beschrijven hoe dat gebouwd moet worden en coach je het team erin om dat te realiseren? Dan komen we graag met jou in contact. Wat ga je doen? Miljoenen records, complexe ketens, uitdagende maatschappijkritische applicaties op het gebied van het bewaren en uitwisselen van digitale

Bekijk vacature »

Senior developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Trainee OutSystems Developer @ Team Resilience

Over de functie Jouw reis als OutSystems Developer begint met een opleiding van 1 maand in Lissabon op 9 januari 2023. Via de Team Resilience Academy krijg je de kans om je te ontwikkelen tot OutSystems expert. Je werkt samen met andere trainee developers en onder directe begeleiding van doorgewinterde OutSystems developers. Het is een snelle en betrouwbare methode om een ervaren softwareontwikkelaar te worden waarbij je vanaf het begin verkeerde gewoontes vermijdt en altijd focust op echt vakmanschap. Je begint met een technische deep dive, unieke OutSystems trainingsmodules en een stimulerende klantcase terwijl je de apps van morgen bouwt

Bekijk vacature »

Senior Developer Miles Fleet

Ben jij de Miles Fleet expert binnen de mobiliteitsbranche die IT met de business kan verbinden? Dan hebben wij een mooie uitdaging bij een toonaangevende internationale organisatie beschikbaar. Wil jij impact maken met jouw kennis en ervaring? Lees dan snel verder! In jouw rol als senior developer Miles Fleet… …ben je verantwoordelijk voor de doorontwikkeling en het oplossen van issues binnen het Miles Fleet systeem, een contract management systeem voor financiering/leasing in de mobiliteitsbranche. Typerend aan dit systeem is dat het naar wens opgezet en geconfigureerd kan worden. In deze functie draag jij zorg voor het doorvoeren van wijzigingen in

Bekijk vacature »

Front-end Developer

Dit ga je doen Je komt in een DevOps-cultuur te werken waarbij je met je team werkt aan de front-end van diverse brand websites; Het ontwerpen van functionele en grafische ontwerpen die worden geïmplementeerd; Draagt zorg voor het maken van analyses; Je werkt nauw met je collega’s samen en geeft elkaar feedback en suggesties waar nodig; Het uitwerken van vraagstukken die afkomstig zijn van verschillende klanten; Hier ga je werken Deze marktleider op gebied van fietsen en fietservaring is gevestigd in twee provincies, verspreid over meerdere locaties. Jij zult voornamelijk in regio Joure aan de slag gaan. De organisatie doelt

Bekijk vacature »
Jop B

Jop B

07/06/2020 16:58:08
Quote Anchor link
Hoi hoi,


Ik probeer een AJAX uit te voeren zodra er op een element is geklikt.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
        document.getElementById("save").addEventListener("click", save);
        
        function save(){
            var id                 = document.getElementById('id').textContent;
            var new_quantity     = document.getElementById('stock_q').value;
            var xhttp = new XMLHttpRequest();
            xhttp.open("POST", "update.php", true);
              xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
              xhttp.send('id='+id, 'new_quantity'+new_quantity);
              if (this.readyState == 4 && this.status == 200) {
                  alert(this.responseText);
              }


Ik krijg geen foutmelding in de console maar ook geen reactie.
 
PHP hulp

PHP hulp

05/02/2023 05:28:10
 
Thomas van den Heuvel

Thomas van den Heuvel

07/06/2020 17:22:00
Quote Anchor link
Is dit een submit-button?
Moet je dan niet het default gedrag van deze button afvangen?
Mogelijk wordt de pagina direct ververst, maar vindt de AJAX-call wel plaats?
Het normale gedrag van je developer toolbar is dat je console en netwerk-historie wordt leeggeveegd als er een refresh plaatsvindt. Dit kun je zo configureren dat alle historie continu blijft behouden, dit geeft je mogelijk meer inzicht?
Mogelijk zijn er meerdere buttons met id "save"?
Heb je al geprobeerd om simpelweg een alert te laten zien wanneer je op deze knop drukt om te zien of "save" uberhaupt vuurt? Of iets in je console?
En waarom schrijf je in puur JavaScript als er frameworks zijn die je werk uit handen kunnen nemen?

Denk niet dat de code echt het probleem is hier, maar ontbrekende handvaten voor het debuggen ervan? Je mist nu informatie over wat er misgaat, en je lijkt geen idee te hebben hoe je dit moet aanpakken.
 
Jop B

Jop B

07/06/2020 17:37:31
Quote Anchor link
Een simple alert werkt.
Ik moet het zoeken in de AJAX request.

Dadelijk maar eens even voor gaan zitten :)
 
Thomas van den Heuvel

Thomas van den Heuvel

07/06/2020 17:53:19
Quote Anchor link
Er mist in ieder geval een =-teken voor "new_quantity"? Moet dit ook echt komma-gescheiden zijn? Moet dit niet gescheiden zijn met ampersands? En was hier niet een standaard functie voor om dat alles te URL-encoden? Of schrijf er zelf een, of maak gebruik van een framework.
Gewijzigd op 07/06/2020 17:57:24 door Thomas van den Heuvel
 
Jop B

Jop B

07/06/2020 21:07:57
Quote Anchor link
Opgelost
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
        function update_stock(){
            var id                 = document.getElementById('id').textContent;
            var new_quantity     = 'heey';
            var xhttp = new XMLHttpRequest();
            xhttp.open("POST", "update.php", true);
              xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
//ampersand toegevoegd
              xhttp.send('id='+id+'&'+'new_quantity='+new_quantity);
//onderstaande functie toegevoegd
              xhttp.onreadystatechange = function() {
                  if (this.readyState == 4 && this.status == 200) {
                      alert(this.responseText);
                  }
              }
        }
 
Thomas van den Heuvel

Thomas van den Heuvel

08/06/2020 00:01:50
Quote Anchor link
Ik zou jezelf aanleren om dingen ook op de goede manier te transformeren en encoderen.

Op dit moment gaat het niet fout, maar je sluit in principe een contract af op het moment dat je aangeeft dat het MIME-type application/x-www-form-urlencoded is. Het is dan jouw verantwoordelijkheid om alle data ook op die manier aan te leveren.

Vervolgens encodeer je "id" en "new_quantity" niet expliciet als zodanig (noch de keys, noch de waarden). Dat levert misschien nu geen problemen op, maar dit hangt volledig af van de waarden van "id" en "new_quantity", en wellicht ook van de namen voor de keys die je hiervoor gebruikt. Het is waarschijnlijk verstandig om dit toch expliciet te doen, zodat er niets verkeerd kan gaan.

Daarbij geef je ook niet aan wat voor character encoding deze data heeft - weet eigenlijk ook niet of dat gebruikelijk is bij setRequestHeader(), maar als je expliciet dingen in kunt stellen (en er dan dus ook zorg voor draagt dat het ook echt in het/de voorgedefinieerde formaat/encodering wordt aangeleverd) is dat meestal het beste, omdat er op die manier geen enkele verwarring kan bestaan over wat er wordt bedoeld.

Simpelweg omdat iets werkt, maakt het nog niet juist.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.