Ik heb een webpagina die via een knop een stukje javascript afvuurt. Bij het starten wijzigt de tekst van de button en als het request klaar is wordt de tekst weer gewijzigd. Nu heb ik 5 lossen knoppen en als ik nu per knop het script afvuur dan werkt het gewoon. Tevens heb ik een div die ik als statusbox fungeert en dat werkt ook.
Ik heb ook een knop die die dat voor alle 5 tegelijk doet, Echter dan wordt de eerste wijziging van de knop wel doorgevoerd, echter het stukje dat als de request klaar is wordt dan niet uitgevoerd. De knop wordt dat niet meer gewijzigd. Echter krijg ik die tekst wel gewoon netjes in het status div.
Ik heb ook een knop die die dat voor alle 5 tegelijk doet, Echter dan wordt de eerste wijziging van de knop wel doorgevoerd, echter het stukje dat als de request klaar is wordt dan niet uitgevoerd. De knop wordt dat niet meer gewijzigd. Echter krijg ik die tekst wel gewoon netjes in het status div.
JavaScript:
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
33
34
35
36
37
38
39
40
41
42
43
44
| for (groupnr = 1; groupnr <= groupCount; groupnr++) { alert(groupnr) $("#gr"+groupnr).text('Bezig met aanmaken...'); jQuery.ajax({ url: "/groups/addgroup", method: 'post', data: { groupnr : groupnr, newadminpass : $("#newadminpass").val() }, success: function(result){ switch(result.mtype) { case 'error': // code $("#gr"+groupnr).html('<span class="text-danger">'+result.message+'</span><br/>'); $("#statusbar").append('<span class="text-danger">'+result.message+'</span><br/>'); break; case 'success': // code block $("#gr"+groupnr).html('<span class="text-success">'+result.message+'</span><br/>'); $("#statusbar").append('<span class="text-success">'+result.message+'</span><br/>'); break; default: $("#gr"+groupnr).html('<span class="text-success">'+result.message+'</span><br/>'); $("#statusbar").append('<span class="text-success">'+result.message+'</span><br/>'); // code block } }, fail: function(xhr, status, error) { var errorMessage = xhr.status + ': ' + xhr.statusText toastr.error(errorMessage); $( "#gr"+groupnr).html('<span class="text-danger">1. '+error+"</span><br/>"); }, error: function(xhr, status, error) { var errorMessage = xhr.status + ' ' + xhr.statusText toastr.error(errorMessage); $( "#gr"+groupnr).html('<span class="text-danger">Request '+errorMessage+"</span><br/>"); }, }); } |