Discussion :

[Indyana]

Bonsoir à tous,
J'ai dans une page 2 éléments html qui appellent tous les deux une fonction jquery/ajax. Le premier (l'image) fonctionne, le second (le bouton) ne fonctionne pas (a priori erreur 404 renvoyé par le script) ... C'est un grand mystère pour moi, pourriez vous m'expliquer le pourquoi svp? Je viens de galérer 4h là dessus...

Merci d'avance du coup de patte!

Code html :

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

1
2
3
<img src='http://192.168.0.8/Zouave/public/assets/img/user.gif' class="btn - btn-danger btn-xs btn-grad" onclick="LoadValue2('1000_pressure','','block1','trigger','5000','');" />
 
<a class="btn - btn-danger btn-xs btn-grad" title="delete" onclick="LoadValue2('1000_pressure','','block1','trigger','5000','');" href="http://192.168.0.8/Zouave/public/zouave/edit_scene/5000">Delete</a>

Le code appelé:

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
function LoadValue2(id,value,div,type,sid,tid){ 
                $.ajax({
            url : '../../ajax/add_trigger', 
            type: 'POST',
            data : {'id':id, 'value':value, 'type':type, 'scene_id':sid, 'trigger_id':tid}, 
            success : function(data) {
            },
        error: function(jqXHR, exception) {
            if (jqXHR.status === 0) {
                alert('Not connect.\n Verify Network.');
            } else if (jqXHR.status == 404) {
                alert('Requested page not found. [404]');
            } else if (jqXHR.status == 500) {
                alert('Internal Server Error [500].');
            } else if (exception === 'parsererror') {
                alert('Requested JSON parse failed.');
            } else if (exception === 'timeout') {
                alert('Time out error.');
            } else if (exception === 'abort') {
                alert('Ajax request aborted.');
            } else {
                alert('Uncaught Error.\n' + jqXHR.responseText);
            }
        }
        });     
}

[Bovino]

C'est pourtant logique
Quand tu cliques sur ton lien, tu lances la fonction JavaScript puis tu suis le lien. Donc ta requête n'est jamais vraiment exécutée...
Regarde du côté de event.preventDefault().

[SpaceFrog]

Désormais un grand classique !
Lorsque vous utilisez des balises href pour declencher des fonctions pensez à inhiber le href qui recharge la page ...
Avec comme le propose Beef prevenrDefault(), ou un return false.