parser un objet avec jquery

**Sharcoux** · 10/06/2011, 13h51

Bonjour,

J'ai un problème pour lire un fichier xml avec jquery :

voici mon fichier :

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
<?xml version="1.0" encoding="UTF-8"?>
<root>
    <title> Page web - Web Page </title>
    <content>
 
        <label>
            Contenu de la page
        </label>
 
        <div class="input">
            <textarea id="input_area" name="input_area" style="width:100%;height:500px">
            </textarea>
        </div>
    </content>
    <include>
        <script type="text/javascript" src="js/editor.js"></script>
    </include>
</root>

et voici la méthode de lecture que j'ai essayée :

Code :

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

1
2
3
4
5
6
7
8
9
    $.ajax( {
        type: "GET",
        url: "monFichierXML.xml",
        dataType: "xml",
        async: false,
        success: function(data) {
                    alert($(data).find("content").html());
                 }
    });

alert($(data).find("content").html()); génère l'erreur : "this[0].innerHTML is undefined"
mais alert($(data).find("content").text()); affiche "contenu de la page".

J'ai ensuite essayé avec un fichier html :

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
<html>
    <div id="page_title"> Page web - Web Page </div>
    <div id="page_content">
 
        <label>
            Contenu de la page
        </label>
 
        <div class="input">
            <textarea id="input_area" name="input_area" style="width:100%;height:500px">
            </textarea>
        </div>
    </div>
    <div id="include">
        <span>js/editor.js</span>
    </div>
</html>

Mais je n'ai eu que des "" avec text() et null avec html().

Avez-vous une idée pour m'aider? J'aimerais que alert retourne ceci : "
<label>
Contenu de la page
</label>

<div class="input">
<textarea id="input_area" name="input_area" style="width:100%;height:500px">
</textarea>
</div>"
Je pense que la syntaxe $(data) n'est peut-être pas la bonne.
Merci

Invité · 10/06/2011, 14h16

Salut,

Il faut traiter ton xml comme un html, en changeant dataType en "html" :

Code :

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

1
2
3
4
5
6
7
8
9
$.ajax( {
        type: "GET",
        url: "monFichierXML.xml",
        dataType: "html",
        async: false,
        success: function(data) {
                    alert($(data).find("content").html());
                 }
    });

A++