Affichage des données

**Pythoniseur** · 14/09/2015, 19h07

Bonsoir à tous,
En fait c'est surtout le résultat qui ne s'affiche pas en fait:
Quand je choisis via mon select id = choixbase, rien ne se passe.
Mais si je met une valeur exacte c bien cela marche sans passer par l'ajax.
Sûrement des erreurs mais étant novice en la matière, je sèche complètement.

Donc : 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
20
21
<?php
require('shared.php');
 
$result= $bdd->prepare("SELECT articles, designations, qte, casiers, qui, pourqui FROM envoicherre WHERE choixbase = :choixbase ");
$result->execute(array(	'choixbase' => $_POST['choixbase']));
 
echo "<table>";
while ($donnees = $result->fetch())
 
{
 
    echo '<tr><td>' . $donnees['articles'] . ' </td><td> ' . $donnees['designations'] . '</td></tr>';
 
}
echo "</table>";
 
 
$result->closeCursor();
$bdd=null;
 
?>

l'ajax :

Code javascript :

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
$(document).ready(function() {
    $('.cdevieux').click(function() {
 
        var choixbase = $('#choixbase').val();
        $.ajax({
            url: 'cdepassesql.php',
            type: 'POST',
            data: {
                "choixbase": choixbase
            },
            success: function(result) {
                alert('ok');
                $('#news').html(result);
            }
        });
        return false;
    });
});

la div :

Code html :

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

1
2
3
<div name ="news" id="news">
 
</div>

**NoSmoking** · 15/09/2015, 22h00

Bonjour,
ton soucis est un soucis coté serveur (PHP).

Je déplace sur le forum PHP & SGBD.

**Celira** · 16/09/2015, 10h37

Euh... var choixbase = $('#choixbase').val();, ça lit l'élément ayant un id = "choixbase".
Donc il doit y avoir un chouia plus de HTML que ça :

Code :

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

1
2
3
<div name ="news" id="news">
 
</div>

On peut avoir le reste ?

**Pythoniseur** · 16/09/2015, 12h19

Bonjour,
Voici 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
<div id="contenu">
		<form action="" method="post" >
		 <fieldset>
 <legend> Sélectionner la base recherchée (ou toutes les bases) --
  		<select name="choixbase" id="choixbase">
  		<option value="toutes">toutes</option>
<option value="gennes">Gennes</option>
<option value="cherre">Cherre</option>
<option value="varades">Varades</option>
<option value="abbaretz">Abbaretz</option>
<option value="Challain">Challain</option>
<option value="Noyen">Noyen</option>
<option value="Juille">Juille</option>
<option value="Bouloire">Bouloire</option>
<option value="Vautorte">Vautorte</option>
<option value="Peuton">Peuton</option>
<option value="Courcité">Courcite</option>
<option value="Vaiges">Vaiges</option>
<option value="Serigny">Serigny</option>
</select></legend>
 </fieldset>
			<input type="submit" name="cdevieux" id="cdevieux" value="OK">
			<!-- <input type="submit" value="Mise à jour" id="chercher">-->
			</form>
	</div>
		<div name ="news" id="news">
 
</div>
		</div>
		<div id="footer"></div>

**Celira** · 16/09/2015, 13h54

Bon, donc le problème c'est que le script appelé par ajax ne répond pas la bonne chose, qu'il ne répond pas du tout ou qu'il n'est carrément pas appelé ?

Invité · 16/09/2015, 14h06

Bonjour,
ce n'est pas au clic sur le bouton mais au changement dans la liste déroulante.
Remplace :

Code javascript :

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

1
2
3
4
$(document).ready(function() {
    $('.cdevieux').click(function() {
 
        var choixbase = $('#choixbase').val();

par

Code javascript :

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

1
2
3
4
$(document).ready(function() {
    $('#contenu > form').on('change', '#choixbase', function() { // quand on change la valeur du select #choixbase
 
        var choixbase = $('#choixbase').val();

Le bouton quant à lui n'a besoin d'être affiché que si JavaScript est désactivé (car il déclenche l'envoi du formulaire*, et le rechargement de la page) :

Code html :

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

1
2
3
<noscript>
			<input type="submit" name="cdevieux" id="cdevieux" value="OK">
</noscript>

* c'est pourquoi il faut définir aussi la méthode : <form method="post".....>.

N.B. Comme le problème concerne jQuery et non PHP, je RE-déplace le sujet.

**Pythoniseur** · 16/09/2015, 18h56

Merci à vous,
J'ai donc mis le code ainsi :

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
  <script type="text/javascript">
$(document).ready(function() {
    $('#contenu > form').on('change', '#choixbase', function() { // quand on change la valeur du select #choixbase
 
        var choixbase = $('#choixbase').val();
	$.ajax({
		url     : 'cdepassesql.php',
		type    : 'POST',
		data    : {"choixbase" :choixbase},
		success: function(result) {
		       alert('ok');
		       $('#news').html(result);
		     		}
			});
	});
});
 	</script>

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
<div id="contenu">
  <form action="" method="post">
    <fieldset>
      <legend> Sélectionner la base recherchée (ou toutes les bases) --
        <select name="choixbase" id="choixbase">
          <option value="toutes">toutes</option>
          <option value="gennes">Gennes</option>
          <option value="cherre">Cherre</option>
          <option value="varades">Varades</option>
          <option value="abbaretz">Abbaretz</option>
          <option value="Challain">Challain</option>
          <option value="Noyen">Noyen</option>
          <option value="Juille">Juille</option>
          <option value="Bouloire">Bouloire</option>
          <option value="Vautorte">Vautorte</option>
          <option value="Peuton">Peuton</option>
          <option value="Courcité">Courcite</option>
          <option value="Vaiges">Vaiges</option>
          <option value="Serigny">Serigny</option>
        </select>
      </legend>
    </fieldset>
    <noscript>
      <input type="submit" name="cdevieux" id="cdevieux" value="OK">
    </noscript>
 
    <!-- <input type="submit" value="Mise à jour" id="chercher">-->
  </form>
</div>
<div name="news" id="news">
 
</div>
</div>

et malheureusement ce n'est pas mieux.
Rien ne bouge et s'affiche
Merci d'avance

**Pythoniseur** · 16/09/2015, 22h46

Comme ceci cel marche au poil
Merci à tous.

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
  <script type="text/javascript">
$(document).ready(function() {
    $('#choixbase').change((function() { // quand on change la valeur du select #choixbase
 
        var choixbase = $('#choixbase').val();
	$.ajax({
		url     : 'cdepassesql.php',
		type    : 'POST',
		data    : {"choixbase" :choixbase},
		success: function(result) {
		       //alert('ok');
		       $('#news').html(result);
		     		}
			});
	}));
});
 	</script>

Affichage des données

jQuery

Discussions similaires

Partager

Partager