Affichage suite à retour ajax

Version imprimable

22/02/2016, 15h36
ndeye_fatou

Affichage suite à retour ajax

bonjour, je suis entrain de développer une application web, mais j'ai un soucis avec mon script ajax, je lui demande de charger une page, chose qu'il fait mais ne l'affiche pas dans le code, ceux qui est bizard c'est que la page est bien traité parce qu'elle est visible dans la console du navigateur, est ce quelqu'un a déja rencontré ce genre de probleme, ou avez vous une idée de là où peut etre le probleme, merci d'avance.
Cordialement!!!
22/02/2016, 16h03
NoSmoking

Bonjour,
sans code il va nous être difficile de t'aider !

voici le fichier que je veux uploader

Code:

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
<table id="ventejour" class="display table" cellspacing="0" width="100%">
    <thead>
    <tr>
        <td>Jour</td>
        <td>Nombre de Ventes</td>
        <td>Montant Total</td>
    </tr>
    </thead>
    <tbody>
 
    <?php
    if(isset($_POST["data"]) and isset($_POST["data2"])){
        $dat1=$_POST['data'];
        $dat2=$_POST['data2'];
        $dat1_explosee = explode("-", $dat1);
        $dat2_explosee = explode("-", $dat2);
 
        $an1 = $dat1_explosee[0];
        $mois1 = $dat1_explosee[1];
        $jr1 = $dat1_explosee[2];
 
        $an2 = $dat2_explosee[0];
        $mois2 = $dat2_explosee[1];
        $jr2 = $dat2_explosee[2];
        ;?>
        <center><h1>Reporting-Vente Journaliere <?php echo $dat1;?> au <?php echo $dat2;?></h1></center>
        <?php
        if($mois1==$mois2){
            $N_dat=$jr2-$jr1;
            $i=0;
            $datD=$dat1;
            $jF=$jr1+1;
            $datD=$an1."-".$mois1."-".$jr1;
            $datF=$an1."-".$mois1."-".$jF;
            for($i=0;$i<=$N_dat;$i++){
                $jr=$jr1+$i;
                $jF=$jr+1;
                $datD=$an1."".$mois1."".$jr;
                $datF=$an1."".$mois1."".$jF;
                $requete1="SELECT SUM(dbo.Vente.[PrixTotal]) as som ,COUNT (dbo.Vente.[PrixTotal]) as num FROM dbo.Vente  WHERE Date BETWEEN '$datD' AND '$datF'";
                $reponse1=sqlsrv_query($conn,$requete1);
                ?>
                <tr>
                    <?php $ROW1=sqlsrv_fetch_array($reponse1);?>
                    <td><?php echo $an1."-".$mois1."-".$jr; ?></td>
                    <td><?php echo $ROW1['num']; ?></td>
                    <td><?php echo $ROW1['som']; ?></td>
                </tr>
                <?php
            }
 
        }
        else{
            echo "Vous ne pouvez pas vérifier des données qui sont dans des mois différents";
        }
    }
    ?>
    </tbody>
</table>
 
</body>

et la j'ai mon script ajax

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
				$(document).ready(function(){
					$("#gen1").click(function(){
						var dat1 = $("#d1").val();
						var dat2 = $("#d2").val();
 
						$.post(
							"send.php",
							{data: dat1,data2:dat2}
						)
						$(".tab").load("send.php")
					});
 
				});
			</script>

et la j'ai le bouton

Code:

<th><input id="gen1" data-toggle="collapse" data-target=".tab"  class="btn btn-secondary btn-lg" value="Générer" /></th>

22/02/2016, 16h46
NoSmoking

Tu fais une mauvaise utilisation de la méthode jQuery.post() (à lire donc)

merci mais j'ai toujours le meme soucis avec le script

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
				$(document).ready(function(){
					$("#gen1").click(function(){
						var dat1 = $("#d1").val();
						var dat2 = $("#d2").val();
                                                  $.ajax({
							type: "POST",
							url: "send.php",
							data: {data: dat1, data2: dat2},
							success: 'success'
						});
						$(".tab").load("send.php")
 
					});
 
				});

</script>

Si je reprends ce passage de ton code

Code:

1
2
3
4
5
6
7
8
9
$.ajax({
    type: "POST",
    url: "send.php",
    data: {
        data: dat1,
        data2: dat2
    },
    success: 'success' // ICI cela ne veut rien dire !!!
});

il te faut déclarer une fonction qui sera appelée sur le "success", ou encore mettre une fonction anonyme.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
$.ajax({
    type: 'POST',
    url: 'send.php',
    data: {
        data: dat1,
        data2: dat2
    },
    success: function(data) {
        // faire quelque chose avec data qui est la donnée en retour
        // par exemple
        $(".tab").html(data);
    }
});

Tu peux également supprimer cette ligne : $(".tab").load("send.php").