Ajax insert werkt niet

Database Developer

Functie omschrijving Voor een logistieke dienstverlener in omgeving Zuid Beijerland zijn wij op zoek naar versterking. Weet jij als geen ander systemen aan elkaar te koppelen en heb jij goede kennis van SQL en UML, lees dan snel verder! Jouw taken zien er als volgt uit: Je bent in deze rol voornamelijk verantwoordelijk voor het bouwen, implementeren en beheren van koppelingen tussen de bestaande systemen (zowel business 2 business als application 2 application). Daarnaast inventariseer je de wensen van in- en externe klanten, die je vervolgens samen met je collega's, vertaalt naar technische specificaties, die jullie zelf ontwikkelen en implementeren.

Bekijk vacature »

Back end developer PHP, Laravel

Functie Jij komt te werken in ons webdevelopment team, wat bestaat uit 8 ervaren collegaâ€™s. Hiernaast hebben wij nog een team van 2 ontwikkelaars die aan native applicaties werken. Bij ons zijn er korte lijntjes en er hangt een gezellige informele werksfeer. Maar het belangrijkste is natuurlijk dat je aan geweldige applicaties zult gaan werken! Wij willen als organisatie niet te groot worden, we willen gewoon toffe dingen maken. Onze techstack bestaat momenteel uit: PHP, Laravel, Javascript, Typescript, Git, MySQL, Java, Kotlin, Xamarin. Samen met ons ga jij zorgen dat we puik werk leveren! Waarbij je bij elke fase in

Bekijk vacature »

Front-end developer (Angular)

Functie Het team bestaat uit een architect, fullstack developers, app developers, de product owner en projectmanager. Eenieder draagt vanuit zijn discipline bij aan een complete oplossing voor de klant. Uiteraard zul je hierin nauw samenwerken met je collegaâ€™s. Jij wordt verantwoordelijk voor de front-end implementatie en fungeert als lead op dit gebied binnen het team. Je kunt helder formuleren, ideeÃ«n uitdragen en overbrengen aan je collegaâ€™s. Qua technische stack is het vooral van belang dat je ervaren bent met Angular, HTML5, CSS en TypeScript. Verder is ervaring in NgRx, Bootstrap, BEM en Cypress een prÃ©, evenals affiniteit met UX/UI Design!

Bekijk vacature »

SAP Integratie Ontwikkelaar

Ben jij ambitieus in de verdere ontwikkeling van SAP binnen HANOS, en heb je kennis van SAP PI, CPI (SAP integration suite) en of andere middleware tooling? Dan ben jij mogelijk onze nieuwe SAP Integratie (middleware) Ontwikkelaar! Lees snel verder en solliciteer! Wat ga je doen? Als SAP Financieel Consultant ben je, als deel van een gedreven team van interne SAP consultants, de schakel tussen de gebruikersorganisatie en ICT. Je draagt proactief bij aan een optimale aansluiting van de SAP-functionaliteit (een applicatielandschap met o.a. Suite on HANA, Fiori, Hybris, C4C en BO), op de bedrijfsprocessen. Verder ondersteun je de HANOS

Bekijk vacature »

Full Stack Software Developer C#.NET

Functieomschrijving Wij zijn op zoek naar een gepassioneerde Full Stack C#.NET Software Developer. Als Software Developer ben je verantwoordelijk voor het ontwikkelen van webapplicaties, apps en dashboards voor de eigen IOT-oplossingen. Je werkt samen met andere ontwikkelaars en engineers om de sensoren in machines uit te lezen en deze data om te zetten in management informatie voor jullie klanten. Taken en verantwoordelijkheden: Ontwikkelen en onderhouden van webapplicaties, apps en dashboards voor de eigen IOT-oplossingen. Testen en valideren van de ontwikkelde software. Actief deelnemen aan code reviews en bijdragen aan het verbeteren van de kwaliteit van de software. Je gaat aan

Bekijk vacature »

Software Developer

Functie omschrijving Psst hÃ© jij daar! Op zoek naar een nieuwe uitdaging als developer? Wacht niet langer en reageer direct. In deze functie ga je bij een familiebedrijf werken als developer. Je gaat maatwerk software ontwikkelen met de Microsoft stack. Je gebruikt technieken als C#, ASP.NET en MVC. Je werkt in een leuk team van andere developers. Je krijgt veel vrijheid in je werk en kan flexibel werken. Dagje thuiswerken? Geen probleem! Daarnaast is er veel ruimte om Ã©cht mee te denken met het bedrijf en met de klanten. Bedrijfsprofiel Deze organisatie is gevestigd in de regio van Boxtel. Vanaf

Bekijk vacature »

Software ontwikkelaar ASP .Net / C#

Functie omschrijving Gezocht! Software ontwikkelaar. Ben jij bekend met termen als ASP .Net, C# en SQL? Ben jij op zoek naar een afwisselende en uitdagende IT-functie binnen de agrarische sector? En omschrijf jij jezelf als zelfstandig, enthousiast en proactief? Dan hebben wij de perfecte functie voor jou! Als Software ontwikkelaar binnen deze organisatie ben je samen met Ã©Ã©n andere collega verantwoordelijk voor de ontwikkeling en modificatie van het support en controle programma dat binnen dit bedrijf gebruikt wordt. Je gaat hierbij bijdragen aan de vertaling van klantwensen naar effectieve softwareoplossingen. Verder bestaan je werkzaamheden uit: Technische uitwerking van de business

Bekijk vacature »

Oracle Developer / PL SQL

Dit ga je doen Software ontwikkeling aan een internationaal gebruikt pakket; Werken met technieken als Oracle 19c, Toad, PL/SQL, Oracle Forms, Reports en Designer; Meedraaien in internationale projecten; Meedenken over technisch en functioneel ontwerp; Samenwerken met collega's als Informatie Analisten, Testers en Release Managers; Soms wensen en eisen afstemmen met de business. Hier ga je werken Onze klant, een internationaal bekend bedrijf dat essentiÃ«le producten maakt waar iedereen graag gebruik van maakt, zoekt versterking in het Software Development team. Samen met 3 developers, een release manager, een informatie analist en 3 testers werk jij aan een systeem waarmee complexe producten

Bekijk vacature »

Back End Developer .NET

Dit ga je doen Ontwikkelen in C# .NET en werken aan nieuwbouw, uitbouw en onderhoud van de software (die communiceren met 68.000 sensoren, waardoor er meerdere miljoenen berichten per uur verwerkt worden); Samenwerken in Scrum Teams; Meewerken aan verschillende, uitdagende projecten; Werken met nieuwe technologieÃ«n en vrijheid krijgen om jezelf te ontwikkelen en door te groeien. Hier ga je werken Je komt als Developer te werken bij een organisatie die gespecialiseerd is in software die real-time wordt gebruikt. De software constateert waar werk moet worden uitgevoerd en de chauffeurs worden met een andere applicatie hierop geattendeerd. Ook wordt er direct

Bekijk vacature »

Software Developer

Functie omschrijving In deze functie ga je aan de slag met het door ontwikkelen van de interne software. Zij maken gebruik van een CRM, wat door de hele organisatie gebruikt wordt. Andere taken: Je gaat het CRM-systeem door middel van PHP verder ontwikkelen; Verder bouw je verschillende API's en koppelingen tussen systemen; Ook ga je collega's ondersteunen bij vragen over de software en applicaties; Deelnemen aan overleggen met het development team; Bij interesse is er de mogelijkheid om junioren te gaan begeleiden. Bedrijfsprofiel Dit bedrijf is actief binnen de telecombranche. Het hoofdkantoor zit in regio van Den Bosch en er

Bekijk vacature »

.NET software developer

Functie omschrijving Voor een gewilde werkgever in omgeving Roosendaal zijn wij op zoek naar een back-end software developer met een aantal jaar werkervaring. Je krijgt een plekje in het workflow team en je zal betrokken worden bij het bouwen van nieuwe software, en het optimaliseren van bestaande code. Je werkt bij dit bedrijf in een Scrum team waarin je soms klantcontact hebt. Jouw werkzaamheden zullen er als volgt uit zien: Je krijgt een plekje op de in-house IT afdeling. Deze afdeling bestaat uit zo'n 12 collega's, verdeeld over verschillende specialisaties (BI, Beheer, Business software & workflow). De vacature staat open

Bekijk vacature »

Ambitieuze medior developer

Wat je gaat doen: Heb jij al een paar jaar ervaring als developer maar wil jij naar the next level? In ons NextLevelDev Programma helpen wij jou om de volgende stap te zetten: een mooi programma aan trainingen op het gebied van Java, hippe frameworks, Agile/Scrum, OCP-certificering en optioneel: andere JVM-talen als Kotlin en Scala; Cloud (AWS, Azure, GCP) Soc 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

Bekijk vacature »

Software Programmeur

Functie omschrijving Voor onze opdrachtgever in omgeving Rotterdam zijn wij opzoek naar een software programmeur die goed kan schrijven in de talen C of C++ en die het leuk vind om te werken met Linux! Werkzaamheden Programmeur Je bent bezig met het ontwikkelen van software en webapplicaties. Je kunt technische klussen uitvoeren op locatie. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een project goed verloopt. Je zult klanten ondersteunen. Verder zul je technische ontwerpen en gebruikersdocumentaties schrijven en deze onderhouden. Bedrijfsprofiel Dit bedrijf wil de klanten een volledige oplossing kunnen bieden, waarbij ze een

Bekijk vacature »

Embedded Software Developer

Functie omschrijving Voor een mooi softwarebedrijf in omgeving Ridderkerk zijn wij op zoek naar een Embedded Software developer. Ben jij enthousiast en een echte team player? Lees dan snel of dit iets voor jou is! Binnen deze rol houdt jij je bezig met alle werkzaamheden die nodig zijn om een functionaliteit te bouwen. Denk aan ontwerpen, architectuur, programmeren en algoritmes. Je voert test en validatie werkzaamheden uit bij de implementatie bij de klant. Ben jij een Embedded Software Developer die affiniteit heeft met de allernieuwste technieken? Laat dan snel wat van je horen! Bedrijfsprofiel Onze opdrachtgever bestaat uit een groot

Bekijk vacature »

.NET Developer

Functie omschrijving Net afgestudeerd en op zoek naar een leuke baan als developer? Zoek niet verder! Ik heb een functie beschikbaar als back-end developer, bij een leuk familiebedrijf. Je gaat werken met de Microsoft stack en de technieken C# en .NET. Verder maak je gebruik van MVC en Entity framework. SQL kent ook geen geheimen voor jou. Jouw verantwoordelijkheden: Nieuwe maatwerk software bouwen; API koppelingen bouwen; Applicaties en software optimaliseren; Back-end programmeren. Een erg uitdagende functie, met veel vrijheid. Je kan meerdere dagen thuis werken en als je op kantoor werkt wordt de lunch verzorgd. Heb je interesse, reageer dan

Bekijk vacature »

Snelle Jaap

06/03/2014 10:55:36

Morge,

Ik heb Ajax weer even nodig, is weer een tijd terug dat ik het heb gebruikt, dus ik dacht ik doe even een tutorial. Maar ik krijg hem niet werkend, alles insert maar hij blijft verversen.

Ja ik weet dat het mysql is, PDO/mysqli is beter etc etc, maar dat komt allemaal later wel, ik wil eerst even ophelderen hoe dat Ajax werkt.

Code (php)

1
2
3
4
5
6
7
8
9
10
11
12
13
14

index.php
<html>
    <head>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="js/script.js"></script>
    </head>
    <body>
        <form id="myForm" action="action1.php" method="post">
        Name: <input type="text" name="name" /><br />
        Age : <input type="text" name="age" /><br />
        <button id="sub">Save</button>
        </form>
    </body>
</html>

script.js

Code (php)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

$("#sub").click( function() {
$.post( $("#myForm").attr("action"),
         $("#myForm :input").serializeArray(),
         function(info){ $("#result").html(info);
   });
clearInput();
});

$("#myForm").submit( function() {
  return false;
});

function clearInput() {
    $("#myForm :input").each( function() {
       $(this).val('');
    });
}

Code (php)

1
2
3
4
5
6
7
8
9
10
11
12

<?php
    include_once('includes/connection.php');

    $name = $_POST['name'];
    $age = $_POST['age'];

    if(mysql_query("INSERT INTO user VALUES('$name', '$age')"))
      echo "Successfully Inserted";
    else
      echo "Insertion Failed";

?>

Aangepaste code na reactie:

Code (php)

1
2
3
4
5
6
7
8
9
10
11
12
13
14

$("#sub").click( function() {
(event.preventDefault) ? event.preventDefault() : event.returnValue = false;
$.post( $("#myForm").attr("action"),
         $("#myForm :input").serializeArray(),
         function(info){ $("#result").html(info);
   });
clearInput();
});

function clearInput() {
    $("#myForm :input").each( function() {
       $(this).val('');
    });
}

Gewijzigd op 06/03/2014 12:10:55 door Snelle Jaap

PHP hulp

26/11/2024 22:41:15

Michael -

06/03/2014 11:10:02

Met verversen bedoel je dat het formulier gepost wordt?
hiervoor de volgende regel in je click function plaatsen en event meesturen

(event.preventDefault) ? event.preventDefault() : event.returnValue = false;

regel 9-11 kunnen dan weg.

Snelle Jaap

06/03/2014 11:35:02

Ik wil wel dat het formulier gepost wordt (insert in de database) maar niet dat hij ververst, vandaar dat ik Ajax nodig heb.

Michael -

06/03/2014 11:36:14

Ja dat doe je met $.post zoals je nu hebt,maar daarom moet je wel voorkomen dat de post request door je browser wordt uitgevoerd. Dat kan dus met preventDefault()

Snelle Jaap

06/03/2014 11:55:07

Hij refresht hem alsnog, ligt dat niet aan die knop ofzo?

Michael -

06/03/2014 12:02:20

Bugje waarschijnlijk. Wat zegt de console log? Wat als je wat delen van de code even weg haalt? Wat heb je nu?

Gewijzigd op 06/03/2014 12:02:36 door Michael -

Snelle Jaap

06/03/2014 12:10:27

Ik heb de code aangepast zoals in je vorige post (heb hem nog even in de post gezet onderaan), de consolelog zegt niks (ik gebruik chrome logger)

Toevoeging op 06/03/2014 13:02:21:

?

Erwin H

06/03/2014 13:12:16

In jquery kan je dat veel eenvoudiger oplossen volgens mij. De meeste events geven het event object mee in de handler aanroep. Op dat object kan je de prevent default aanroepen.

Code (js)

1
2
3
4
5
6
7
8

$("#sub").click( function(e) {
  e.preventDefault();
  $.post( $("#myForm").attr("action"),
         $("#myForm :input").serializeArray(),
         function(info){ $("#result").html(info);
  });
  clearInput();
});

Snelle Jaap

06/03/2014 13:13:42

Bedankt, maar hij blijft hem nog steeds refreshen, heeft dat er niet mee te maken dat hij de knop ziet als een submit? Moet dat niet worden input type="button"?

Erwin H

06/03/2014 13:19:10

Nee. Omdat je de preventDefault aanroept gaat het event niet verder naar het form, ongeacht wat voor type button. Alleen als jij in code het form nog een keer submit, dan gebeurt dat wel. In je originele code had je dat staan, als het form nu nog steeds submit lijkt me dat dat ergens is achtergebleven.

Michael -

06/03/2014 13:19:13

in de function moet je inderdaad event nog mee geven zoals Erwin aangeeft.
Nee of het een submit is maakt niet uit.

Probeer eens alleen

Code (php)

1
2
3

$("#sub").click( function(event) {
(event.preventDefault) ? event.preventDefault() : event.returnValue = false;
});

en anders eens (denk niet dat t uitmaakt)

Code (php)

1
2
3

$("#sub").on('click', function(event) {
(event.preventDefault) ? event.preventDefault() : event.returnValue = false;
});

Snelle Jaap

06/03/2014 13:21:34

Dat werkt ook niet, vreemd, het form zou niet gesubmit moeten worden dan lijkt me. Alsnog wordt de pagina ververst en de query uitgevoerd.

Beheerder

- Ariën -

06/03/2014 13:26:06

Mis je deze code niet?

Code (php)

1
2
3
4
5

$( document ).ready(function() {
// Hier al je eigen gemaakt JS-functies met jQuery

// hier al je JS code met jQuery
});

Verder zie ik wel SQL-injection:

Code (php)

if(mysql_query("INSERT INTO user VALUES('$name', '$age')"))

Dus escape $name en $age even met mysql_real_escape_string()

Gewijzigd op 06/03/2014 13:27:32 door - Ariën -

Snelle Jaap

06/03/2014 13:30:05

Die code is inderdaad wel handig ja, hij werkt nu. En ik heb totaal niet gelet op veiligheidsfoutjes, moest alleen weer even weten hoe Ajax in elkaar stak. Thanks

Erwin H

06/03/2014 13:30:46

Scherp Aar, lijkt er inderdaad op dat de javascript code wordt gelezen voor de html elementen bestaan en dan is de hele javascript code nutteloos, want die wordt niet aan elementen gehangen.

Michael -

06/03/2014 13:38:02

Haha top Aar ;) In ieder geval nog één wakker.

Beheerder

- Ariën -

06/03/2014 13:49:30

/me deelt een paar bakjes koffie uit.

Maar ik geef eerlijk toe. Mij is dit ook wel eens overkomen, dat ik die $( document ).ready(function() { vergat. Of een stel functies met jQuery VOOR je ready aan het uitvoeren was, die uiteraard niet werkten.

Gewijzigd op 06/03/2014 13:50:52 door - Ariën -

Michael -

06/03/2014 13:50:29

Bedankt voor de koffie! Is inderdaad iets om makkelijk te vergeten :)

Forum berichten

Reacties

PHP scripts

PHP tutorials

Actief op PHPhulp

Ajax insert werkt niet

Snelle Jaap

PHP hulp

Michael -

Snelle Jaap

Michael -

Snelle Jaap

Michael -

Snelle Jaap

Erwin H

Snelle Jaap

Erwin H

Michael -

Snelle Jaap

- Ariën -

Snelle Jaap

Erwin H

Michael -

- Ariën -

Michael -

Over PHPhulp

Support

Gesponsord

Extra's

Privacy