AJAX Jquery deleten van MYSQL records
Ik ben bezig met een mobiele website en kan al aanpassen, toevoegen maar nog niet in verwijderen in AJAX.
Wat ik tot nu toe heb:
ajax1.php
<script type="text/javascript">
function verwijder() {
var var_form_data = $("#form").serialize();
$.ajax({
url: "delete.php",
data: var_form_data,
success: function (response) {
if(response == "ok"){
alert('Verwijdert');
} else{
alert(response);
}
document.location.reload(true);
}
});
}
function update () {
var var_form_data = $("#form").serialize();
$.ajax({
url: "update.php",
type: "POST",
data: var_form_data,
success: function (response) {
if(response == "gedaan"){
alert('Geupdate');
} else{
alert(response);
}
}
});
}
function toevoegen (form) {
var Naam = $("#Naam").val();
var Adres = $("#Adres").val();
var Postcode = $("#Postcode").val();
var Woonplaats = $("#Woonplaats").val();
var Geboortedatum = $("#Geboortedatum").val();
var dataString = 'Naam=' + Naam + '&Adres=' + Adres + '&Postcode=' + Postcode + '&Woonplaats=' + Woonplaats + '&Geboortedatum=' + Geboortedatum;
$.ajax({
url: "toevoeg.php",
type: "POST",
data: dataString,
success: function (response) {
if(response == "gedaan"){
alert('Toegevoegd');
}
else{
alert(response);
}
document.location.reload(true);
}
});
}
</script>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<?php
include('connection.php');
$Opdracht1= "SELECT * FROM meof1_personen";
$gegevens= mysql_query($Opdracht1);
echo '<table width="100%" border="1">';
echo '<tr>';
echo '<td>Pasnr</td>';
echo '<td>Naam</td>';
echo '<td>Adres</td>';
echo '<td>Postcode</td>';
echo '<td>Woonplaats</td>';
echo '<td>Geboortedatum</td>';
echo '</tr>';
$i = 0;
while ($Rij = mysql_fetch_array($gegevens)){
echo '<form action="" id="form" method="post">';
echo '<tr>';
echo '<td><input type="text" name="Pasnr" readonly="readonly" value ="' . $Rij['Pasnr']. '"</td>';
echo '<td><input type="text" name="Naam" value ="' . $Rij['Naam']. '"</td>';
echo '<td><input type="text" name="Adres" value ="' . $Rij['Adres']. '"</td>';
echo '<td><input type="text" name="Postcode" value ="' . $Rij['Postcode']. '"</td>';
echo '<td><input type="text" name="Woonplaats" value ="' . $Rij['Woonplaats']. '"</td>';
echo '<td><input type="text" name="Geboortedatum" value ="' . $Rij['Geboortedatum']. '"</td>';?>
include('connection.php');
$Opdracht1= "SELECT * FROM meof1_personen";
$gegevens= mysql_query($Opdracht1);
echo '<table width="100%" border="1">';
echo '<tr>';
echo '<td>Pasnr</td>';
echo '<td>Naam</td>';
echo '<td>Adres</td>';
echo '<td>Postcode</td>';
echo '<td>Woonplaats</td>';
echo '<td>Geboortedatum</td>';
echo '</tr>';
$i = 0;
while ($Rij = mysql_fetch_array($gegevens)){
echo '<form action="" id="form" method="post">';
echo '<tr>';
echo '<td><input type="text" name="Pasnr" readonly="readonly" value ="' . $Rij['Pasnr']. '"</td>';
echo '<td><input type="text" name="Naam" value ="' . $Rij['Naam']. '"</td>';
echo '<td><input type="text" name="Adres" value ="' . $Rij['Adres']. '"</td>';
echo '<td><input type="text" name="Postcode" value ="' . $Rij['Postcode']. '"</td>';
echo '<td><input type="text" name="Woonplaats" value ="' . $Rij['Woonplaats']. '"</td>';
echo '<td><input type="text" name="Geboortedatum" value ="' . $Rij['Geboortedatum']. '"</td>';?>
<td><input type="button" onClick="update()" id="verander" name="submit" value="Veranderen" /></td>
<td><input type="button" onClick="verwijder()" id="verwijder" name="delete" value="Verwijderen" /></td>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<?php
echo '</tr>';
echo '</form>';
$i++;
}
echo '</table>';
//Toevoegen
echo '<center>';
echo '<table>';
echo '<form name="toevoeg" action="" method="post">';
echo '<tr>';
echo '<td>Voornaam</td>';
echo '<td>Adres</td>';
echo '<td>Postcode</td>';
echo '<td>Woonplaats</td>';
echo '<td>Geboortedatum</td>';
echo '</tr>';
echo '<tr>';
echo '<td><input type="text" name="Naam" id="Naam"></td>';
echo '<td><input type="text" name="Adres" id="Adres"></td>';
echo '<td><input type="text" name="Postcode" id="Postcode"></td>';
echo '<td><input type="text" name="Woonplaats" id="Woonplaats"></td>';
echo '<td><input type="text" name="Geboortedatum" id="Geboortedatum"></td>';
echo '</tr>';
echo '<tr><td><input type="submit" onClick="toevoegen(this.form)" name="submit2" value="Voeg Toe"</td></tr>';
echo '</form>';
echo '</table>';
echo '</center>';
?>
echo '</tr>';
echo '</form>';
$i++;
}
echo '</table>';
//Toevoegen
echo '<center>';
echo '<table>';
echo '<form name="toevoeg" action="" method="post">';
echo '<tr>';
echo '<td>Voornaam</td>';
echo '<td>Adres</td>';
echo '<td>Postcode</td>';
echo '<td>Woonplaats</td>';
echo '<td>Geboortedatum</td>';
echo '</tr>';
echo '<tr>';
echo '<td><input type="text" name="Naam" id="Naam"></td>';
echo '<td><input type="text" name="Adres" id="Adres"></td>';
echo '<td><input type="text" name="Postcode" id="Postcode"></td>';
echo '<td><input type="text" name="Woonplaats" id="Woonplaats"></td>';
echo '<td><input type="text" name="Geboortedatum" id="Geboortedatum"></td>';
echo '</tr>';
echo '<tr><td><input type="submit" onClick="toevoegen(this.form)" name="submit2" value="Voeg Toe"</td></tr>';
echo '</form>';
echo '</table>';
echo '</center>';
?>
delete.php
Code (php)
Toevoeging op 06/02/2013 16:00:59:
Het lukt me trouwens niet om het binnen de goeie code tags te weergeven.. deze site maakt er automatisch code van als je PHP tags gebruikt.
Gewijzigd op 06/02/2013 16:02:43 door Snelle Jaap
Ik zal straks een lijstje geven, als je reageert.
Je moet vooral denken over het effect van html in een while te zetten.
bv. dit:
Quote:
<td><input type="button" onClick="update()" id="verander" name="submit" value="Veranderen" /></td>
Jij genereert verschillende identieke knoppen; met de zelfde id (dit mag absoluut niet !!!)
Je ziet ook, wanneer je in update() komt; hoe weet de functie op welke knop er is gedrukt (en dus welke <form>?)?
Traditioneel (zonder jQuery) doet men dit
Quote:
<input ... onClick="update(this, event)">
Binnen de functie heb je dan
Code (php)
1
2
3
4
2
3
4
function update(elm, e) {
// elm is de knop waarop gedrukt is.
// e geeft extra informatie over het click event
}
// elm is de knop waarop gedrukt is.
// e geeft extra informatie over het click event
}
Als je jQuery gebruikt, doe je het trouwens helemaal anders. Je zet geen onClick tussen de HTML; je doet alles vanuit het script.
bv.
Quote:
$('#verander').on('click', function(e) {
// hier komt functie update
});
// hier komt functie update
});
Zo houd je de HTML proper, zonder script.
Snelle Jaap op 06/02/2013 16:00:08:
Het lukt me trouwens niet om het binnen de goeie code tags te weergeven.. deze site maakt er automatisch code van als je PHP tags gebruikt.
Zet de blokken code tussen [code] [/code] tags
Kan je een seintje geven?
Gewijzigd op 07/02/2013 11:36:46 door Kris Peeters