Discussion :

[lmplmp]

Bonjour,

J'essaye actuellement de faire fonctionner un script relativement simple mais il ne me répond rien:

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
<script>
 
$(document).ready(function(){
 
    $('#submit').click(function(){
 
        $.ajax({
			 type: 'POST',
             url: 'calculs.php',
             dataType : 'html',
			 data: {
                picks : $('#picks').val(),  // Nous récupérons la valeur de nos input 
                lignes : $('#lignes').val(),
				cmd : $('#cmd').val(),
				ref : $('#ref').val(),
				stations : $('#stations').val(),
				vagues : $('#vagues').val(),
				reftot : $('#reftot').val(),
				refetagere : $('#refetagere').val(),
				mono : $('#mono').val(),
				front : $('#front').val(),
				sup : $('#sup').val(),
				deuxfaces : $('#deuxfaces').val()
				},
 
            success:function(data){
					console.log(data);	
                     $('#resultat').html('>'+data);    
                }
 
            }),
 
 
			});
 
});
 
</script>

Mon PHP pour le moment n'effectue aucun calcul, il fait un (bête) echo "resultat";

Quand à ma div "resultat", elle demeure vide... Mais la console me donne une erreur <<Uncaught SyntaxError: missing ) after argument list>>

Si une bonne âme pouvait m'éclairer de ses conseils.

[ABCIWEB]

Il y a de fortes chances que ce soit la transmission de tes data qui pose problème. Utilises la méthode serialize de jquery (ou éventuellement serializeArray dans le cas où tes input seraient écrits sous forme de tableaux).

Ensuite plus généralement pour débugger des requêtes ajax fais F12 pour afficher la console du navigateur et ensuite regardes l'onglet "réseau".

[lmplmp]

Bonjour,

J'ai retouché plusieurs partie, je m'intéresse aux fonctions que vous me suggérez. Le code est donc devenu:

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
<script>
 
$(document).ready(function(){
 
    $('#submit').click(function(){
 
        $.ajax({
             method: 'POST',
             url: 'calculs.php',
             dataType : 'html',
             data: {
                picks : $('#picks').val(), 
                lignes : $('#lignes').val(),
 
                }
 
            success:function(data){
                    console.log(data); 
                     $('#resultat').html('>'+data);   
                }
 
            })
 
 
    });
});
</script>

L'erreur, elle est devenue "Uncaught SyntaxError: Unexpected identifier".

Elle serait, selon la console debug, à côté de success:function(data){.

> L'onglet réseau ne m'indique pas d'erreur.

[lmplmp]

Après correction, je n'ai plus d'erreur en console mais toujours aucun résultat dans ma div, $('#resultat').html(data); ne fonctionne pas:

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
<script>
 
$(document).ready(function(){
 
    $('#submit').click(function(){
 
        $.ajax({
             method: 'POST',
             url: 'calculs.php',
             dataType : 'html',
             data: {
                picks : $('#picks').val(), 
                lignes : $('#lignes').val()
 
                },
 
            success:function(data){
                    console.log(data); 
                     $('#resultat').html(data);   
                }
 
            })
 
 
    });
});
</script>

[Doksuri]

dans l'onglet reseau de la console, tu devrai voir passer ton appel ajax. et tu peux voire le retour calculs.php
=> de ce que tu decris, calculs.php ne retourne rien. je creuserais plutot de ce cote

[ABCIWEB]

On ne récupère pas les valeurs des input pour les passer directement dans data. Le plus simple est d'utiliser serialize comme déjà dit.

Code :

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

1
2
3
4
5
6
$.ajax({
             method: 'POST',
             url: 'calculs.php',
             dataType : 'html',
             data: $("#form").serialize(),
//...

à supposé que $("#form") permette d'identifier ton formulaire.

[lmplmp]

Merci beaucoup. Excellente solution.

[ABCIWEB]

Et côté php il faut utiliser urldecode pour récupérer tes données sinon tu auras des problèmes avec les caractères spéciaux, les espaces etc. Tout ça parce que serialize utilise en interne la fonction encodeURIComponent() pour protéger la chaine de caractère dans la requête.

Si tu voulais passer des champs ciblés ou des valeurs externes au formulaire tu pourrais utiliser la fonction param.