Discussion :

[Mardewin]

Bonjour!

J'ai un gros soucis avec une méthode ajax... Déjà j'utilise codeIgniter pour mon site web (je ne sais pas si c'est lié...) et j'essaye d’appeler une méthode ajax afin de récupérer le contenu d'un fichier lorsqu'on clique sur une div.

Voila le code (le xx.xxx.xxx.xxx est l'ip de mon serveur):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$('div a').click(function(){
  $(function(){
    $.ajax({
      type: 'POST',
      url: 'http://xx.xxx.xxx.xxx/test/test.html',
      error: function(xhr, ajaxOptions, thrownError){
        alert('Error status: ' + xhr.status + '\nError thrown: ' + thrownError);
      },
      success: function(data){
        alert('success');
      }
    });
  });
});

Et voila ce que mon code me renvoit:

Code :

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

1
2
Error status: 0
Error thrown:

J'ai été fouillé dans pas mal de site, apparement ce serait du à un stack overflow. Par contre j'ai testé plusieurs méthodes, et j'en ai trouvé aucune me permettant d'outrepasser ce problème

[SpaceFrog]

je ne comprends pas l'interet de faire du post sur une page html ...
a moins que tu n'aies paramètré le serveur a interprété le php dans les pages html ?

[Mardewin]

Merci pour la réponse déjà
Alors, non, dans ce cas la il n'y a absolument aucun intérêt.
test.html est juste une page de test ultra simplifiée que j'ai crée afin de chercher d'ou venait le problème, mais a la base je voudrais récupérer des informations dans ma bdd, via un script php.

[Bovino]

Moi je vois mal à quoi peut bien servir le $(function(){...}); à l'intérieur de .click()

[Mardewin]

A force de retirer des bouts de code histoire de voir ce qui ne vas pas, j'en laisse qui servent à rien
La fonction que j'essaye de faire marcher est celle ci en fait:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
$('div a').click(function(){
  $.ajax({
    type: 'POST',
    url: 'http://xx.xxx.xxx.xxx/test/test.html',
    error: function(xhr, ajaxOptions, thrownError){
      alert('Error status: ' + xhr.status + '\nError thrown: ' + thrownError);
    },
    success: function(data){
      alert('success');
    }
  });
});

[Bovino]

Puisque tu gères le clic sur des liens, la première chose à faire est d'inhiber le comportement par défaut qui est de suivre le lien. Voir event.preventDefault().

[Mardewin]

Oh.My.F***ing.God. Ca marche
Je cherchais dans l'infiniment plus compliqué, j'ai du trop me prendre la tête pour rien, merci pour la réponse rapide, précise et claire!