Ajax Jquery Json rien ne fonctionne

**cristobal.dupasquier** · 17/06/2013, 10h05

Bonjour à toutes et à tous,

Après un dimanche complet et un début de matinée à faire des tests, je me résous à venir vous demander de l'aide.

J'ai un index.html, un fichier Javascript, un fichier PHP. J'aimerais qu'au chargement de ma page, les différentes DIV de ma page soient cachées et construites grâce à ma base de données et AJAX.

J'utilise le format JSON et malgré le fait que ma console est capable de me retourner le XHR, cela ne marche pas.

Voici mes lisitings
JAVASCRIPT

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
$(document).ready(function (e) {
  //TOUS LES ELEMENTS NON VISIBLE
$('#content2').css('display','none');
 
 
  //Préparation des différentes div de contenu avec les questions via AJAX !
// On envoi la requête AJAX
$.ajax({
     type: "GET",
     url: "load.php",
     async: false,
 
 dataType: "json",
 success: function(data){
   $('#showdata').html("<p>item1="+data.item1+" item2="+data.item2+" item3="+data.item3+"</p>");
 }
});
});

PHP

Code php :

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

1
2
3
4
<?php
$arr = array ('item1'=>"I love jquery4u",'item2'=>"You love jQuery4u",'item3'=>"We love jQuery4u");
echo json_encode($arr);
?>

HTML

Code html :

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

<div id="showdata"></div>

Je remercie d'avance les personnes pouvant m'aider à avancer car je ne comprends vraiment pas mon erreur

**Golgotha** · 17/06/2013, 11h13

Bonjour,

As tu des erreurs en console js ?
la DIV showdata est elle contenu dans l’élément content2 ?
Si oui, remet tu bien le display de l'élément content2 en visible ?
As tu fait un test sans mettre content2 en non visible ?
Es tu sûr que la fonction success est bien appelé ?

**cristobal.dupasquier** · 17/06/2013, 12h18

Bonjour,

As tu des erreurs en console js ?

Non je n'ai aucune erreur

la DIV showdata est elle contenu dans l’élément content2 ?

Non pour les tests elle est contenue dans une partie visible du site web

Es tu sûr que la fonction success est bien appelé ?

Non je n'en suis pas sûr, et j'aimerais bien savoir pourquoi lorsque je n'utilise pas de JSON, et que je mets un alert, l'alert fonctionne.

Merci pour ton aide