Gegevens verwijderen en ophalen zonder reload
Maar nu vraag ik mij af hoe ik gelijk ook de nieuwe rijen terug vraag zonder te reloaden.
Lijst.php
Code (php)
1
2
3
4
2
3
4
<form id=profile-del>
<input type=hidden name=profile-del id=profile-del-id value=$id>
<button>Verwijderen</button>
</form>
<input type=hidden name=profile-del id=profile-del-id value=$id>
<button>Verwijderen</button>
</form>
En via jQuery ontvang ik het met
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
jQuery(function($){
delForm = $('form#profile-del');
delForm.submit(function(e){
e.preventDefault();
$.ajax({
url: 'id_delete.php',
type: "POST",
data: $(this).serialize() ,
success: function(data) {
}
});
});
});
delForm = $('form#profile-del');
delForm.submit(function(e){
e.preventDefault();
$.ajax({
url: 'id_delete.php',
type: "POST",
data: $(this).serialize() ,
success: function(data) {
}
});
});
});
Dus als delete succesvol is, laat nieuwe rijen zien zonder de verwijderde item.
Ik heb in de success: function al via 'GET' geprobeerd, maar ik kom er echter niet uit.
Code (php)
1
2
3
4
5
6
2
3
4
5
6
success: function(data) {
$.ajax({
url: 'leden.php',
type: 'GET'
});
}
$.ajax({
url: 'leden.php',
type: 'GET'
});
}
Met JSON of XML kun je dat in één request doen. Bij je middelste stukje code dus.
Heb even wat voorbeelden bekeken het lijkt me beide veel te ingewikkeld.
Dan zou ik toch voor de HTML versie gaan, is dit simpel te doen ?
PHP kent o.a de functies json_encode() en json_decode() om JSON-string mee te encoderen en te decoderen.
Ik had na de 'GET' de data niet opgevraagd, ik heb het nu zo;
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
jQuery(function($){
delForm = $('form#profile-del');
delForm.submit(function(e){
e.preventDefault();
$.ajax({
url: 'id_delete.php',
type: "POST",
data: $(this).serialize() ,
success: function(data) {
$.ajax({
url: 'leden.php',
type: 'GET',
success: function(data2) {
var newData = $('#wrapper');
newData.html(data2);
}
});
}
});
});
});
delForm = $('form#profile-del');
delForm.submit(function(e){
e.preventDefault();
$.ajax({
url: 'id_delete.php',
type: "POST",
data: $(this).serialize() ,
success: function(data) {
$.ajax({
url: 'leden.php',
type: 'GET',
success: function(data2) {
var newData = $('#wrapper');
newData.html(data2);
}
});
}
});
});
});