Button ne lance pas l'appel Ajax

**LuffyyffuL** · 19/09/2017, 13h27

Bonjour,

Je débute en AJAX et je cherche pour le moment à faire quelque chose de très simple :

Cliquer sur un bouton -> Fonction AJAX -> Script PHP -> Requête SQL

* index.php *

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
<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Titre de la page</title>
</head>
 
<body>
 
 
<script>
 
 
$("#reserver").click(function(){
     
    $.ajax({
        
                url : 'reserver.php' // La ressource ciblée
           
    });
   
});
 
</script>
 
 
<button id="reserver">Click Me!</button>
 
</body>
</html>

* reserver.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
20
21
22
23
24
25
26
27
28
29
30
<?php
$servername = "localhost";
$username = "user";
$password = "pwd";
$dbname = "base";
 
try {
    $conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
    // set the PDO error mode to exception
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
 
    $sql = "UPDATE Objets SET objet_reserve='1' WHERE objet_nom='OBJET_TEST'";
	// echo $sql . "<br>" . "<br>";
    // Prepare statement
    $stmt = $conn->prepare($sql);
 
    // execute the query
    $stmt->execute();
 
    // echo a message to say the UPDATE succeeded
	// echo $stmt->rowCount() . " records UPDATED successfully";
    }
	catch(PDOException $e)
    {
 
    // echo $sql . "<br>" . $e->getMessage();
    }
 
$conn = null;
?>

Pour le moment je cherche juste à changer la valeur de la colonne "objet_reserve" de mon objet "OBJET_TEST" à "1" en cliquant sur un bouton.

Mais ça ne fonctionne pas, une idée ?

Merci

**Doksuri** · 19/09/2017, 14h40

t'as une erreur ?
appelle directement ta page php dans ton navigateur

**NoSmoking** · 19/09/2017, 16h17

Bonjour,
tu affectes la fonction sur le onclick du bouton avant que celui-ci n'appartienne au DOM, ne soit présent dans le document.

**LuffyyffuL** · 19/09/2017, 16h56

Merci pour vos retours. Non pas d'erreur, quand je vais sur ma page "reserver.php", j'ai une page blanche. Désolé "NoSmoking" mais je ne comprends pas ce que tu veux dire.

**Doksuri** · 19/09/2017, 17h27

=> essaye de mettre ton js a la toute fin de ton document (juste avant le </body>)

**LuffyyffuL** · 19/09/2017, 18h12

J'ai déplacé mon js en dessous de mon button, mais ça ne marche toujours pas.

Sinon, quand j'appel directement mon fichier "reserver.php", la requête mysql est bien passée.

Button ne lance pas l'appel Ajax [AJAX]

jQuery

Vue hybride

Discussions similaires

Partager

Partager