Discussion :

[mmvik]

Bonjour,
En validant un formulaire, je souhaite accéder à une page php sans afficher cette page. J'ai cherché la solution mais je n'y arrive pas, pouvez-vous m'aider svp...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script>
function action(id)
{
window.location = 'action.php?variable='+id;
}
</script>
 
<form onsubmit="supprimer(100); return false;">
<input type="submit">
</form>

[NoSmoking]

Bonjour,
regarde du coté de la techno Ajax, on peut te conseiller au moins

• Comprendre les mécanismes d'AJAX
• Allez plus loin avec AJAX et XMLHttpRequest

[mmvik]

Ok merci

[mmvik]

J'ai trouvé. Je mets le code si çà peut aider certains.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script>
function action(id)
{
var xhr = new XMLHttpRequest();
xhr.open('GET', 'action.php?variable='+id);
xhr.send(null);
xhr.addEventListener('readystatechange', function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// code pour le changement dans la page
}
}, false);
}
</script>
 
<form onsubmit="action(100);">
<input type="submit">
</form>

[NoSmoking]

Merci pour le retour.

Tu peux également en profiter pour afficher un message à l'écran en retour de traitement.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
if (xhr.readyState === 4 && xhr.status === 200) {
  // code pour le changement dans la page
  document.getElementById('id_retour').innerHTML = 'Enregistrement supprimé avec succès !'; // par exemple
}

[mmvik]

Oui çà j'avais trouvé
Je désactive le bouton input :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById(id).disabled='false'
}

[SpaceFrog]

En fait la désactivation du bouton submit devrait se faire plus tôt afin d'éviter les multiples ajax ...
Du coup en cas d'échec d'enregistrement tu le réactives, en cas de succès tu affiches un message ....