IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Compatibilité script pour Chrome/FireFox [AJAX]


Sujet :

jQuery

  1. #1
    Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2023
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 21
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2023
    Messages : 2
    Par défaut Compatibilité script pour Chrome/FireFox
    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;
    }
    ?>

  2. #2
    Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2023
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 21
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2023
    Messages : 2
    Par défaut
    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.

  3. #3
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 511
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 511
    Par défaut
    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...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. compatibilité javascript IE vs Firefox
    Par Snote100024 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 20/05/2010, 20h16
  2. [DOM] Compatibilité Javascript et Firefox
    Par Madness64 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 01/01/2009, 17h39
  3. [1.x] (in)compatibilité entre ie6 et firefox pour les input type text
    Par sab_etudianteBTS dans le forum Symfony
    Réponses: 1
    Dernier message: 07/11/2008, 13h51
  4. Modif JavaScript pour fonctionnement sous IE et Firefox
    Par Steph4fun dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 17/11/2004, 13h35

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo