Réponse HTML non-interprétée comme du HTML

**regseb** · 16/01/2014, 10h33

Bonjour,

Je fais une requête AJAX sur un fichier HTML, mais la réponse n'est pas interprété comme du HTML.

Voici deux fichiers que j'utilise pour tester :
index.html

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>Test</title>
    <script src="jquery-2.0.3.min.js"></script>
    <script>
    $.get('other.html', function(response) {
        console.log($('img', response).attr('src'));
    });
    </script>
  </head>
  <body></body>
</html>

other.html

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>Other</title>
  </head>
  <body>
    <img src="http://www.developpez.com/template/images/logo.png"
         alt="logo" />
  </body>
</html>

Quand j'affiche le fichier index.html, undefined est écrit dans la console.
J'ai essayé en ajoutant 'html' pour le paramètre dataType de la fonction $.get, mais cela ne change rien.

Est-ce que vous savez pourquoi jQuery n’interprète par la réponse comme du HTML ?

Merci d'avance.

**SpaceFrog** · 16/01/2014, 10h37

Code :

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

 console.log($('img', response).attr('src'));

tu vises quoi avec ce selecteur ???

**regseb** · 16/01/2014, 11h13

Le sélecteur récupère la valeur de l'attribut src de l'élément img.

**SpaceFrog** · 16/01/2014, 12h40

Code :

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

$('img', response)

img ??? elle est la balise image ??

**regseb** · 16/01/2014, 15h14

J'ai trouvé la raison pour laquelle le script ne trouvait pas l'élément img. Quand jQuery parse du HTML, il ignore le head et commence le parsing à la partie de l'élément body. Le sélecteur cherche donc un élément img qui ne soit pas un enfant directe de l'élément body.
Une solution au problème est encapsulée l'img dans un div