Salutations.

Mon code ci-dessous affiche des données de ma base SQL et ça fonctionne parfaitement avec Ajax
sauf que ce que dès que je tente d'ajouter mon formulaire pour choisir le nombre de ligne à afficher,
l'information n'arrive pas à load_compteur.php et $_POST['nbrpage'] affiche "undefined" sans interagir avec la variable du nombre de ligne dans load_compteur.php.

Pourtant var dataString avec page_id='+ page_id tout seul fonctionne bien mais si j'ajoute le reste, rien ne va plus.

Quelque chose manque ou n'est pas correcte?

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
<script type="text/javascript">
        $(document).ready(function(){
            change_page('0');
        });
        function change_page(page_id){
                 $(".flash").show();
                 $(".flash").fadeIn(400).html('Loading <img src="load_compteur.gif" />');
 
                 var nbrpage = $("#nbrpage").val();
                 var dataString = 'page_id='+ page_id + '&nbrpage=' + nbrpage;
                 $.ajax({
                             type: "POST",
                             url: "load_compteur.php",
                             data: dataString,
                             cache: false,
                             success: function(result){
                                 $(".flash").hide();
                                 $("#page_data").html(result);
                             }
                    });
        }
</script>
 
    <form>
      <input type="text" value="" id="nbrpage" name="nbrpage" />
      <input type="submit" />
    </form>
 
  <div class='web'>
    <div id="page_data"></div>
    <span class="flash"></span>
  </div>