Formulier updaten na submit.
Ik heb een php scriptje waarmee je records delete uit de database (met checkboxen) Maar nu is het probleem wanneer ik ze verwijder dat het op het formulier blijft staan. Ik heb gehoord dat je hiermee AJAX kon gebruiken zodat de pagina dan update zonder een geheel refresh. Maar ik kom er niet uit.. Dit is mijn code
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
$("#toolBar-dezeForm.opstuurForm").click(function() {
$.ajax({
type: "POST",
url: "",
success: function(data) {
$(".result").html(data);
alert("Succesvol verwijderd");
evenGeduld();
setTimeout('$("#dezeForm").submit();', 100);
}
});
});
$.ajax({
type: "POST",
url: "",
success: function(data) {
$(".result").html(data);
alert("Succesvol verwijderd");
evenGeduld();
setTimeout('$("#dezeForm").submit();', 100);
}
});
});
Het zijn Images ze zijn allemaal voorzien van aparte ID's
Alvast vriendelijk dank voor jullie hulp!
data-photoid="42". Dan kan je eenvoudig met .remove() het element uit je HTML verwijderen bij een 'success'.
Gewijzigd op 17/09/2016 18:17:59 door - Ariën -
Die HTML code klopt idd niet, heb het alleen voor de test gedaan of de rest van de html formulier update. De images zijn geladen via de database op de pagina.
Ik probeer alleen de divjes te updaten wanneer ik het submit. maar de checkbox heb ik hier staan:
Code (php)
1
<input type="checkbox" name="verwijdFotos[]" title="Foto verwijderen" value="<?php echo $fotoID; ?>" />
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
var dataString = $("#dezeForm").serialize();
$.ajax({
type:'POST',
url:'jouwscript.php',
data: dataString,
success: function(data){
$(".result").html(data);
alert("Succesvol verwijderd");
evenGeduld();
setTimeout('$("#dezeForm").submit();', 100);
}
});
$.ajax({
type:'POST',
url:'jouwscript.php',
data: dataString,
success: function(data){
$(".result").html(data);
alert("Succesvol verwijderd");
evenGeduld();
setTimeout('$("#dezeForm").submit();', 100);
}
});
Verder nog een opmerking. Ga er niet zomaar van uit dat een foto verwijderd is door middel van een alert (popops zijn ook irritant) of een melding. Zorg liever voor foutafhandeling in je PHP-script die een waarde teruggeeft:
1 = gelukt
0 = mislukt.
Dan kan je met een simpele if-statement kijken of het gelukt is:
Code (php)
1
2
3
4
5
2
3
4
5
if(data==1) {
alert("Succesvol verwijderd");
} else {
alert("De foto's zijn niet verwijderd: "+ data);
}
alert("Succesvol verwijderd");
} else {
alert("De foto's zijn niet verwijderd: "+ data);
}
Gewijzigd op 17/09/2016 18:38:47 door - Ariën -
Toevoeging op 18/09/2016 19:36:49:
Code (php)
1
var verwijdFoto= $("#dezeForm").serializeArray();
Moet dat met zoiets?