Code ne s'exécute pas

**lumycaan** · 11/03/2017, 23h48

Bonjour,

Je découvre actuellement le Framework jQuery et j'ai vu que son utilisation pour effectuer des requêtes Ajax était fortement simplifiée par rapport à l'Ajax "réel".

J'ai fait un petit code qui lors d'un clic sur un texte provoque une modification dans une base de données. Le pb, c'est que rien ne se passe et je ne comprends pas pourquoi. Je vous mets mon script si dessous pour que vous me disiez s'il n'y a pas des erreurs dedans.

Je vous remercie par avance de votre aide.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
<span id="test">Test</span>
<script>
		$("#test").click(function(){
			$.post(
			"page_modif.php",
			{
				nouveau:"essai1",
				id:"<?php echo $id;?>"
			},
			);
		});	
</script>

**mathieu** · 12/03/2017, 00h27

qu'est ce que vous entendez par "rien ne se passe" ?
avez vous fait des tests de débugage au chargement de la page ? lors du clic ? en étudiant la liste des appels réseau dans la console de développement ?

**lumycaan** · 12/03/2017, 09h57

Oui, j'ai fait des tests. Le pb semble venir de la partie $.post() car quand je la remplace par un alert("test") ça fonctionne. A ce moment là, lorsque je clique sur mon texte, j'ai bien un popup qui s'ouvre avec mon message.

**mathieu** · 12/03/2017, 19h57

regardez le code HTML généré pour vérifier que "echo $id;" produit bien le résultat attendu

**lumycaan** · 12/03/2017, 21h43

La variable $id est bien présente et a bien une valeur dans ce que je vois dans l'inspecteur. Comment je peux voir sur la page php appelée que les données sont bien transmises? Je ne vois plus qu'ici où ça peut planter. Je récupère les valeurs comme cela: $id=$_POST['id']; et $tentative =$_POST['nouveau'];

**NoSmoking** · 13/03/2017, 12h31

Bonjour,

Le pb, c'est que rien ne se passe et je ne comprends pas pourquoi.

mais d'un autre coté tu ne fais rien avec la réponse !
• jQuery.post()

**SpaceFrog** · 14/03/2017, 08h27

regarde la doc => "callback" sur le "success"
https://api.jquery.com/jQuery.post/

**lumycaan** · 16/03/2017, 19h23

Bonsoir,

N'arrivant pas à me sortir de mon pétrin, j'ai donc décidé d'aller chercher un code "tout prêt" pour effectuer des essais. Et bien ce code non plus ne me retourne rien

Je vous le mets ci dessous pour vous montrer ce que j'ai utilisé.

le html

Code html :

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Un formulaire de connexion en AJAX</title>
</head>
 
<body>
    <div id="resultat">
        <!-- Nous allons afficher un retour en jQuery au visiteur -->
    </div>
 
 
    <h1>Un formulaire de connexion en AJAX</h1>
 
    <form>
    <p>
        Nom d'utilisateur : <input type="text" id="username" />
        Mot de passe : <input type="password" id="password" />
        <input type="submit" id="submit" value="Se connecter !" />
    </p>
    </form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
 
$(document).ready(function(){
 
    $("#submit").click(function{
 
        $.post(
            'connexion.php', // Un script PHP que l'on va créer juste après
            {
                login : $("#username").val(),  // Nous récupérons la valeur de nos input que l'on fait passer à connexion.php
                password : $("#password").val()
            },
 
            function(data){
 
                if(data == 'Success'){
                     // Le membre est connecté. Ajoutons lui un message dans la page HTML.
 
                     $("#resultat").html("<p>Vous avez été connecté avec succès !</p>");
                }
                else{
                     // Le membre n'a pas été connecté. (data vaut ici "failed")
 
                     $("#resultat").html("<p>Erreur lors de la connexion...</p>");
                }
            },
            'text'
        );
    });
});
</script>
</body>
</html>

Le php

Code php :

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
<?php
    $username = "toto";
    $password = "tata";
 
    if( isset($_POST['login']) && isset($_POST['password']) ){
 
        if($_POST['login'] == $username && $_POST['password'] == $password){ // Si les infos correspondent...
 
			echo "Success";        
        }
        else{ // Sinon
            echo "Failed";
        }
    }
	else
	{
		echo "Failed 2";
	}
?>

**mathieu** · 17/03/2017, 00h13

Envoyé par lumycaan

Et bien ce code non plus ne me retourne rien

vous parlez bien de la réponse de connexion.php que vous avez vue dans la console de développement ?

**lumycaan** · 17/03/2017, 11h23

Oui, c'est bien cela. Je n'ai rien qui s'affiche dans la div résultat.

**lumycaan** · 19/03/2017, 15h24

Voilà, j'ai trouvé d'où venait le pb. C'est le #submit dans la requête jQuery qui bloquait l'exécution du code. Je l'ai remplacé par un autre nom et tout a fonctionné.

Code ne s'exécute pas

jQuery

Discussions similaires

Partager

Partager