Ajax ne fonctionne pas

Version imprimable

Bonjour,
J'ai essayé de tester mon code afin d'utiliser ajax,mais je n'ai reçu aucun retour(rien n'a changé)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$('.attachment').click(function (e){
 
var data = {};
            data['date'] = $('.date').val();
 
 $.ajax({
                url: "{{path('data_connect_log_attachment')}}",
                type: 'post',
                data: data,
                dataType: "json",
                success: function (data) {
                    console.log( "hello!" );
                    $('.attachment').hide();
                }//end succes
                ,
                error: function (xhr, ajaxOptions, thrownError) {
 
                }
            }); //end ajax
            });

Code:

<a  download="telcharger"  target="_blanc" href="https://mon_url/attachments/{{attachment.public_key}}" class="attachment">{{attachment.name}}

Est ce que quelqu'un peut m'aider mon probléme est du à quoi?comment pourrai je faire fonctionner ajax?

02/01/2017, 11h16
champsy_dev

Bonjour,

Il faut d'abord vérifier si ton appel est bien lancé avant de conclure que tu n'as aucun retour.

Si tu appuis sur la touche F12 de ton navigateur tu passeras en mode débogage.

Sous Chrome tu auras une boite à onglet avec un onglet Network, il s'agit de toute les requêtes effectuées par ta page. Tu peux filtrer les requêtes Ajax en cliquant sur XHR.

Ensuite tu clic sur ton bouton et tu vérifies qu'une requête est bien envoyer.
Si c'est le cas tu peux cliquer dessus dans le débogueur pour voir la réponse du serveur.
Si ce n'est pas le cas tu peux ouvrir l'autre onglet du débogueur l'onglet Sources, du panneau de gauche tu cherches ton script ou tu fais l'appel Ajax, il s'ouvre à droite, tu descends sur la ligne de l'appel Ajax et tu cliques sur le coter de la ligne là où il y a les numéros pour mettre un point d’arrêt.
Tu cliques de nouveau sur le bouton, l’exécution du code vas se stopper la ou tu as mis le point d'arrêt te permettant de consulter toutes les variables du code en les survolant.

Je ne te donne pas de solution mais quelques bases du débogage Web, avec ça tu devrais identifier plus clairement ton problème.
02/01/2017, 11h46
NoSmoking

Bonjour,
il eut été intéressant que tu mettes le code HTML généré, il semblerait que tu utilises une balise <a> pour lancer ton action auquel cas il te faut inhiber l'action par défaut de celle-ci.
Voir : event.preventDefault().