Comment interroger une chaîne de caractères XML via DOM en jQuery

Je voudrais prendre une corde et de le traiter comme XML. Alors je vais être capable de faire une requête avec le DOM via jQuery.trouver. Tout fonctionnait bien sous Firefox, mais j'ai réalisé que cela ne fonctionne pas dans IE.

Je suis en train de faire ceci:

  var t = "<div><outer><inner>abc</inner><inner>def</inner></outer></div>";
  alert("[" + $(t).find("outer").html() + "]");

Dans Firefox 3, il imprime:

[<inner>abc</inner><inner>def</inner>]

Dans IE 7 il imprime:

[]

Aucune solution de contournement pour obtenir que cela fonctionne sur tous les navigateurs?

Grâce.

Est-ce le XML de votre aide, il semble contenir des erreurs de syntaxe.
Oups. Je n'ai pas de match de balises XML. Ce n'est pas grave. La question est toujours debout.
Je les ai trouvé les balises dans le code exemple. Maintenant, c'est plus lisible. Des idées?
J'ai la réponse maintenant. Mais chaque fois que je poste, il ne s'affiche pas. Des idées?

OriginalL'auteur Jono | 2009-05-20

  1. 9

    Il y a 2 façons d'aborder cette.

    1. Convertir la chaîne de caractères XML avec DOM, de l'analyser à l'aide de cette plugin ou suivez ce tutoriel
    2. Convertir le fichier XML en JSON à l'aide de cette plugin.
    Merci beaucoup. Ce sont deux très bons plugins que j'ai essayé de me mettre au travail.
    Si vous cochez le plugin source, il utilise à son tour objet ActiveX pour convertir la chaîne de caractères xml xml de l'objet.

    OriginalL'auteur Jose Basilio

  2. 4

    Serait-il possible de stocker le XML en JSON (je suppose qu'il serait)? Par exemple, en PHP, vous pouvez convertir du XML en un Tableau ou un Objet, puis les convertir en JSON avec json_encode. Vous pouvez ensuite l'écho que comme une variable javascript comme ceci:

    En PHP:

    <?php
$xml = "<div><outer><inner>abc</inner><inner>def</inner></outer></div>";
$xml_object = simplexml_load_string(xml);
$json = json_encode($xml_object);
?>
<script language="javascript">
$(function() {
    //eval() is okay to use if you know where the JSON is 
    //coming from (and, of course, you do...) 
    var data = eval('<?php echo $json; ?>');
    $(document).data('myapp.data',data);
});
</script>

    Et maintenant, quand vous avez besoin d'accéder à ces données, vous pouvez juste obtenir de la sorte:

    function some_function() {
    var data = $(document).data('myapp.data');
    $.each(data.div.outer,function() {
        //Would alert 'abc' then 'def'
        alert(this.inner);
    });
}

    J'espère que tout cela fait sens. Au moins vous n'aurez pas à vous soucier de XML plus sur le côté client. Bien sûr, si vous devez absolument, j'ai trouvé que ce qui a fonctionné pour moi dans le passé:

    var xml = "<div><outer><inner>abc</inner><inner>def</inner></outer></div>";
var $xml = $('<div />').append(xml);
alert("[" + $xml.find("outer").html() + "]");

    Modifier
    J'ai modifié mon code pour utiliser le XML que vous fournissez--vous ne savez pas où j'ai mélangé là-haut (il doit l'ai attrapé le bout de code de quelqu'un d'autre réponse de l'accident). Vous devriez vraiment donner ma première suggestion d'un coup--il devrait fonctionner.

    De votre côté client exemple à alert() produit des "[null]". Fixation en remplaçant $xml.find("externe").find("livres") fonctionne sous FF mais produit des "[]" c'est à dire qui est exactement le problème que @Jono est la production de rapports.
    Oh ya, oups... haha, je n'ai pas mis la totalité des données XML dans la chaîne. C'est trop mauvais au sujet de l'IE problème. Je me demande si il a essayé ma méthode JSON. Il devrait fonctionner comme prévu.

    OriginalL'auteur KyleFarris

  3. 3

    Mettre la chaîne XML dans une variable Javascript:

    var xmlString = $('<?xml version="1.0"?><Customers><Customer Name="Allan Border" Age="26" ContactNumber="004416165245" Address="Unit # 24 East London" City="London" Country="England"></Customer><Customer Name="Jennifer" Age="28" ContactNumber="004416165248" Address="Unit # 28 West London" City="London" Country="England"></Customer></Customers>');

    Maintenant, vous pouvez analyser le XML en parcourant chaque client de nœuds:

    $(xmlString).find("Customer").each(function () {
 var customerName = $(this).attr("Name");
 var age = $(this).attr("Age");
 var contactNumber = $(this).attr("ContactNumber");
 var address = $(this).attr("Address");
 var city = $(this).attr("City");
 var country = $(this).attr("Country");
 });

    OriginalL'auteur Sheikh Ali

  4. 1

    Tout d'abord, le jQuery constructeur de HTML pas le XML... cela étant dit, votre XML peuvent travailler - mais ça dépend de beaucoup de navigateur comportement dépendant. Aussi, vous pouvez avoir plus de succès en ajoutant le nouvellement créé éléments d'un élément masqué sur la page quelque part, et puis d'essayer de l'interroger:

    var xml = "<books><book><title>Title</title></book></books>";
$(xml).appendTo("#hidden");
alert($("#hidden books").length);
    Hmm. Votre idée est d'avoir le même résultat pour moi. Œuvres dans les FF, mais pas IE. Eh bien peut-être, je voudrais parler de ma plus grande question. J'ai une liste de choses que je veux pour interroger une base de données. Mais je veux le faire tous les côté client. Ce qui signifie que je ne peux pas faire .les requêtes ajax. Je suis donc cacher la liste comme une base de données XML dans la page elle-même. L'intérieur d'un commentaire, à l'intérieur d'une div. Un peu bizarre mais je ne peux pas trouver une autre façon de maintenir ce tableau. Peut-être que je suis surplombant une méthode plus simple?

    OriginalL'auteur Goyuix

  5. 1

    En Javascript pour le Sélénium lecture de fichier XML dans le navigateur:

    function loadXMLFromDOM2XMLString( xmlString, xmltag, currentChildNode ) { 
var nodes = currentChildNode.childNodes; 
var i = 0 ;
var node = nodes[i];
while ( i < nodes.length) {
   if (node.data == null) {xmltag = '<'+node.localName+'>';} else {xmltag = node.data;};
   xmlString = xmlString  + xmltag;
   xmlString = loadXMLFromDOM2XMLString( xmlString, xmltag, node  );   
   if (node.data == null) {xmltag = '<'+'/'+node.localName+'>';} else {xmltag = "";};
   xmlString = xmlString + xmltag;
   i++;
   node = nodes[i];
}
 return xmlString ;
} ;
var xmlString = "";
var xmltag = "";

var currentChildNode = window.document;

xmlString = loadXMLFromDOM2XMLString( xmlString, xmltag, currentChildNode );
xmlString;

    OriginalL'auteur Appeloappelo

  6. 0

    Avec chaîne xml dans ie, vous devez utiliser .filtre qu'il ne veut pas reconnaître le nœud xml arbre.

    Essayer cette dans ie8 avec le débogueur visible pour obtenir la sortie de la console.

    OriginalL'auteur redsquare

  7. 0

    Donc, qu'au lieu de stocker le dataset XML dans les DOM, le convertir en un tableau HTML et de le rendre invisible. Cela devrait résoudre le jQuery problèmes... au moins le navigateur de questions spécifiques. Puis de retour au travail sur l'amélioration de la sélecteurs.

    Je ne peux pas juste faire un tableau HTML, parce que c'est un très imbriqués ensemble de données. C'est pourquoi je suis à l'aide de XML. Alors j'ai juste essayé de mettre le fichier XML dans un div caché. Je veux que cette méthode fonctionne, mais ce n'est pas pour la raison suivante. J'ai besoin de m'assurer que mes balises XML ne sont pas en conflit avec le HTML (ie - Titre). Donc ce que je fais, mais alors sélecteurs jQuery ne trouverez pas ces balises dans IE. Dans FF, tout composé de balises peuvent être recherchées. Mais IE semble être me restreindre à la page HTML sous-ensemble.
    Juste pour info, vous pouvez imbriquer des tableaux... de toute façon si je bang sur un problème trop longtemps et il n'est tout simplement pas aller n'importe où ou il est trop complexe... cela signifie en général je vais sur le mauvais chemin. Je pense que vous serait probablement mieux d'utiliser JSON pour sérialiser votre structure et peut-être quelque chose comme google gears pour persister sur le client - si c'est disponible.
    Oui. Je suis en train de travailler sur le JSON solution. Je suis curieux de savoir ce que l'on entend par référence à google gears.
    Juste que les vitesses peuvent persister les données sur le chargement de la page, de sorte que vous n'avez pas à les envoyer à travers le fil à chaque requête.

    OriginalL'auteur Goyuix

  8. 0

    Ça fait un moment, mais je viens de réaliser que j'ai oublié de le poster comment j'ai résolu le problème avec vos idées.

    J'ai besoin d'un tout côté client de base de données (pas de PHP).

    J'ai créé un div avec un commentaire HTML en contenant le XML. Je analysé le commentaire HTML avec ce et puis je converti le fichier XML en JSON avec cette.

       var xmltext = $("#piecelist").comments();
   var json = $.xml2json(xmltext.html());

    Vous pouvez voir ma méthode en action ici:
    http://wesculpt.net/art.html

    Peut-être que je devrais tourner cette méthode dans un plugin jQuery.

    Merci à tous pour votre aide tout le monde.

    OriginalL'auteur Jono