Discussion :

[Fungus_21]

Bonjour j'ai crée une script ajax qui permet d’appeler une page php qui changera les colonnes d'une table MySQL.
Mon problème c'est que tout mon programme marche avec Chrome mais pas avec Firefox.

Code ajax

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
		<script>
			function setBDD() {
				if (confirm("Êtes vous sur de vouloir changer ces informations ?") === true){ //pop up de confirmation
					//les valeurs des input sont récupérée via leurs id.
					let id = document.getElementById("id").value;
					let nom = document.getElementById("nom").value;
					let prenom = document.getElementById("prenom").value;
					let sexe = document.querySelector('input[name="sexe"]:checked').value;
					let date = document.getElementById("date").value;
					let classe = document.getElementById("classe").value;
					let site = document.getElementById("site").value;
					let login = document.getElementById("login").value;
					let password = document.getElementById("password").value;
					let email = document.getElementById("email").value;
 
					$.ajax({
						type: "POST",
						url: "modifier-a.php",
						data: {
							id: id,
							nom: nom,
							prenom: prenom,
							sexe: sexe,
							date: date,
							classe: classe,
							site: site,
							login: login,
							password: password,
							email: email
						},
						success: function(response) {
							console.log(response);
						}
					});
				}else{
					alert('Annulation de la modification !');
				}
			}
		</script>

Code php

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<?php
include "include-php/connexion.php";
// Récupération des données envoyées par Ajax
if (isset($_POST['id']) && isset($_POST['nom']) && isset($_POST['prenom']) && isset($_POST['sexe']) && isset($_POST['date']) && isset($_POST['classe']) && isset($_POST['site']) && isset($_POST['login']) && isset($_POST['password']) && isset($_POST['email']) ) {
    $id = $_POST['id'];
    $nom = $_POST['nom'];
    $prenom = $_POST['prenom'];
    $sexe = $_POST['sexe'];
    $date = $_POST['date'];
    $classe = $_POST['classe']; 
    $site = $_POST['site'];
    $login = $_POST['login'];
    $password = $_POST['password'];
    $email = $_POST['email'];
 
    // Exécution de la mise à jour SQL
    $query = "UPDATE anciens SET NOM = '$nom', PRENOM = '$prenom', SEXE = '$sexe', DATE = '$date', CLASSE = '$classe', SITE = '$site', LOGIN = '$login', PASSWORD = '$password', EMAIL = '$email' WHERE ID = '$id'";
    
    $statement = $pdo->prepare($query);
    
    $statement->execute();
    
    if ($statement->rowCount() > 0) {
        echo "Mise à jour réussie";
    } else {
        echo "Aucune mise à jour effectuée";
    }
 
    // Fermeture de la connexion à la base de données
    $pdo = null;
}
?>

[Fungus_21]

J'ai vu en ligne que le code d'erreur NS_BINDING_ABORT sur firefox signifiait que la requête était stopé avant d'atteindre la page souhaitée en changeant mon input type de submit à button j'évite de rafraîchir la page avant la fin de la requête et pour afficher les changement j'ajoute location.load() pour actualiser les données.

[Toufik83]

Bonjour,

Vous n'avez pas compris le principe d'ajax, cette technique est souvent utilisée pour ne pas recharger la page, il existe event.preventDefault() pour le faire même avec un bouton de type submit...