Ik ben nieuw met jquery en ajax, maar wat ik probeer te doen is mijn php script los te laten draaien zonder de pagina te refreshen.
Hier zie je een simpel voorbeeld hoe ik het nu heb :


<?php
if(isset($_POST['toevoegen'])) {
	if (isset($_POST['naam'],$_POST['leeftijd'])) {
		// </>
		// Voeg toe aan database
		// </>
		$msg = 'Succesvol toegevoegd!';
	} else {
		$msg = 'Vul alle verplichte velden in!';
	}
}

if(isset($_POST['verwijderen'])) {
	if (isset($_POST['naam'],$_POST['leeftijd'])) {
		// </>
		// Verwijder uit database
		// </>
		$msg = 'Succesvol verwijderd!';
	} else {
		$msg = 'Vul alle verplichte velden in!';
	}
}

if(isset($msg)) { 
	echo $msg;
} 
?>

<form action="" method="post">
	<label>Naam</label>
	<input type="text" name="naam"/>

	<label>Leeftijd</label>
	<input type="number" name="leeftijd"/>

	<button type="submit" name="toevoegen">Toevoegen</button>
	<button type="submit" name="verwijderen">Verwijderen</button>
</form>


Is het mogelijk op dit te draaien op submit zonder te refreshen ?


$(function() {
	$(".toevoegen").click(function() {
		$.ajax({ url: "action.php" }  
		});
	});
$(function() {
	$(".verwijderen").click(function() {
		$.ajax({ url: "action.php" }  
		});
	});
Ach ik zie het al bij jou staat hij op input en bij mij als button.
Via jQuery triggered deze als er button element wordt gezien.

dus even je submit buttons veranderen van input naar button dan werkt hij zoals gewenst


    <button type="submit" name="add">Toevoegen</button>
    <button type="submit" name="delete">Verwijderen</button>
Werkt met buttons!

<button type="submit" name="toevoegen">Toevoegen</button>
<button type="submit" name="verwijderen">Verwijderen</button>

Het voorbeeld dat jij gebruikt heeft een soort vertraging, action.php voert zowel add+delete functies uit?

http://bit.ly/1vcR6eu
Ik snap niet wat je bedoelt met een vertraging, deze voert de add+delete uit gebaseerd op de button welk geklikt is.
@minouk Wat bedoel je met query data verbergen?
Via AJAX wordt hetzelfde gedaan als via een normale request alleen wordt het op de achtergrond gedaan van je browser.
Je kan in je script beveiligingen bouwen dat er alleen bewerkingen gedaan mogen worden als de request_type post e.d is.

Wat is je verder aanraad is om netjes je document te vullen met de info die je nodig hebt.

<html>
<head>
...
Deze tags bedoel ik :$

Ik zal proberen een schets te maken en dit met je te delen. Dan kan je zien dat het goed werkt en je niet hoeft te "rotzooien" met welke knoppen je indrukt met php.

[size=xsmall]Toevoeging op 04/12/2014 11:47:13:[/size]

Gelukt! Met een beetje hulp van Minouk haar code.
Nette meldingen gemaakt en ook zelf er weer wat van geleerd.

Downloaden kan hier
Wilde net een topic maken met het zelfde probleem, toen kwam ik deze tegen :)

Maar kan helaas geen download vinden Rickert, als je deze alsnog zou kunnen oploaden zou geweldig zijn!

[size=xsmall]Toevoeging op 08/12/2014 21:34:59:[/size]

Patrick B op 08/12/2014 21:33:47

Wilde net een topic maken met het zelfde probleem, toen kwam ik deze tegen :)

Maar kan helaas geen download vinden Rickert, als je deze alsnog zou kunnen uploaden zou geweldig zijn!


** knip**
Zullen we het graag even ontopic houden, en niet onnodig topics te bumpen?
Complimentjes van foto's kan je ook via PM, Twitter, Facebook e.d. delen.

[size=xsmall]Toevoeging op 09/01/2015 15:57:26:[/size]

Zullen we het graag even ontopic houden, en niet onnodig topics te bumpen?
Complimentjes van foto's kan je ook via PM, Twitter, Facebook e.d. delen.
Twas geen compliment eigenlijk, sorry.
De foto is van een Engelse dame. Totaal niet Minouk.
Had ik wel even mogen vermelden ja.

Minouk d'r foto is Minouk niet
Om e.v.t. verdere onnodige discussies te voorkomen doe ik hier maar een slotje op. Als de topicstarter hier nog wat te mededelen heeft kan diegene dit via PM bij mij of het moderatie-meldpunt vragen.

Reageren