Transmision de données

**vinkey_33** · 08/03/2017, 12h31

J'ai réaliser un code qui permet de faire une recherche par nom et d'affiché champs décidé mais celà ne marche pas, j'ai aucune erreur dans firebug et de plus dans la console non plus voici le code:

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<?php
$host = "localhost";
$user = "root";
$pass = "Mm101010";
$bdd = "smartphone";
$port = '3306';
 
try{
    $cnx = new PDO ('mysql:host='.$host.';dbname='.$bdd, $user, $pass);
}
catch (PDPExeption $e)
{
    echo $e->getMessage();
}
if(isset($_GET['motclef'])) {
    $motclef = $_GET['motclef'];
    $q = array('motclef' =>$motclef. '%');
    $sql ='SELECT Nom,Operateur FROM select_nom_prenom_user WHERE Nom like :motclef or Operateur like :motclef';
    $req = $cnx->prepare($sql);
    $req->execute($q);
    $count = $req->rowCount($sql);
 
    if($count == 1){
        while ($result =$req->fetch(PDO::FETCH_OBJ)){
            echo "Nom :".$result->Nom."<br/>Operateur :".$result->Operateur;
 
        }
    }else{
        echo "Aucun résultat pour :".$motclef;
    }
}
 ?>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/css"; charset="utf-8"/>
    <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $("#recherche").keyup(function() {
        var recherche = $(this).val();
        var data = 'motclef=' + recherche;
        if (recherche.lenth>3) {
 
            $.ajax({
                type : "GET",
                url : "result.php",
                data : data,
                success: function(server_response){
                    $("#resultat").html(server_response).show();
 
                }
            });
        }
    });
});
</script>
 
 
</head>
<body>
<div class="wrap">
    <div class="search">
        <input type="text" name="recherche" class="text" id="recherche">
    </div>
    <div class="resultat" id="#resultat"></div>
</div>
</body>
</html>

ps: select_nom_user est une vue
cordialement,

**thelvin** · 09/03/2017, 12h23

Hello,

Pas d'erreur, c'est chouette. Et quand tu mets des logs et des breakpoints partout, tu observes quoi ?

A priori je dirais que id="#resultat" ne peut pas marcher et donc quand tu essaies d'insérer quelque chose dans ce div il ne se passe rien.

Un id ne peut pas commencer par ni contenir un #

Le # il est là quand tu cherches à sélectionner un élément à partir de son id qui ne contient pas de # puisqu'un id ne peut pas contenir de #.

---

Ce n'est que le début. Tu vas vite te rendre compte qu'il y a un truc que tu as pas compris avec AJAX et qu'il faut retourner aux tutoriels d'apprentissage.

**badaze** · 09/03/2017, 21h17

Dans ton script tu affiches le résultat de la requête avant la balise <html>.

Ce qu'il faut savoir c'est que PHP élabore la page html sur un serveur et quand le navigateur (le client) l'affiche PHP a terminé son boulot. Donc pas d'interaction directe entre PHP et le rendu fait par le navigateur.
Pour que cela fonctionne, il faut que tu mettes le code PHP dans un fichier à part et que tu appelles ce fichier avec ajax (ce que tu fais dans ton script).

Transmision de données

AJAX

Discussions similaires

Partager

Partager