javascript - ajax callback display function closing too fast -
i have funcction in ajax callback display div bootstrap alert inside. problem stay half second before dissaspear. i'd stay 2 seconds. async set false because need form input reload themself updated values , if it's set true, have manually refresh page f5 see updated version.
function
$('#btnenregistrermembre').on('click', function (e) { $.ajax({ async: false, type: 'post', url: 'functionphp.php', data: { userid: document.getelementbyid('id').value, nomutilisateur: document.getelementbyid('nomutilisateur').value, estactif: +document.getelementbyid('actif').checked, estadmin: +document.getelementbyid('admin').checked, updatemembre: 'updatemembre' }, success: function (msg) { ajoutermessage('messagearea', 'succes', 'les modifications ont étés prises en compte.'); // alert('succes ajax'); }, error: function (err) { ajoutermessage('messagearea', 'danger', 'les modifications ont échouées.'); } }); }); ajoutermessage
function ajoutermessage(locationid, type, message) { var endroit = document.getelementbyid(locationid); var element = document.createelement('div'); if (type == 'danger') { element.classname = 'alert alert-danger'; element.innerhtml = '<strong>erreur!</strong>' + ' ' + message; } else { element.classname = 'alert alert-succes'; element.innerhtml = '<strong>succès!</strong>' + ' ' + message; } endroit.appendchild(element); } thank help.
your problem async set false. know want page reload effect, trying set value in old page before reload.
what happening:
- you send request synchronously
- receive response server
- you handle response message , show , appropriate message
- the web browser handles response server (remember, it's synchronous!)
- the page reloads because request synchronous , not asynchronous , message lost
you have few options here...
option 1 (recommended): can send request asynchronously , return whatever relevant data need refreshed in response.
option 2: set cookie flag indicate message should set upon refresh of page. remember clear flag after reading it.
si c'est plus facile pour toi, je peux traduire ma réponse en français.
edit: should noted synchronous ajax altogether not useful. stands asynchronous javascript , xml. if want send synchronous request, simple form submission or link parameters far more simple.
Comments
Post a Comment