Ajax ne répond pas (HTML attendu)

Version imprimable

Bonjour,

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

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
<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.

25/10/2016, 14h31
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".

Bonjour,

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

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
<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.

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:

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>

25/10/2016, 15h50
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
25/10/2016, 18h39
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:

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.
27/10/2016, 09h33
lmplmp

Merci beaucoup. Excellente solution.
27/10/2016, 16h04
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.