[JS] formulaire de modification de données XML avec XPath

formulaire de modification de données XML avec XPath [JS] - Javascript/Node.js - Programmation

Marsh Posté le 12-07-2018 à 22:44:06    

Bonjour à tous,
 
je cherche à faire un formulaire HTML pour modifier du contenu XML, avec des champs (input/textarea/checkbox, etc) pour modifier certaines valeurs des fichiers XML, le tout en javascript.
 
L'idée est de mettre, dans chaque input, un attribut particulier qui contiendrait le xpath de la valeur recherchée dans le XML; laisser l'utilisateur modifier la valeur, et voir (en "temps réel" ) le XML se mettre à jour.
 
le problème : j'arrive, grace à XPath, à récupérer la valeur que je veux dans le XML, mais ensuite je n'arrive pas à mettre à jour le XML, parce que la valeur que je récupère via la fonction evaluate est une copie du noeud, et pas le noeud lui-même dans son contexte.
 
Le code :

Code :
  1. <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  3. <script>
  4. function updateXml(input) {
  5. newvalue = $(input).val();
  6. xmlStr = $("#xml" ).val();
  7. if(xmlStr=="" ) return;
  9. xmlObj = $.parseXML(xmlStr);
  11. xpath = $(input).attr('data-xpath');
  13. result = xmlObj.evaluate(xpath, xmlObj, null, XPathResult.ANY_TYPE, null);
  14. element = result.iterateNext();
  16.   //element est une copie du noeud, je n'arrive pas à le modifier...
  17.  
  18.   //ceci fonctionne, mais le chemin est "hardcodé"... je voudrais le calculer à partir du xpath...
  19. xmlObj.getElementsByTagName("person" )[0].getElementsByTagName("name" )[0].innerHTML = newvalue;
  21. var xmlText = new XMLSerializer().serializeToString(xmlObj);
  23. $("#xml" ).val(xmlText);
  24. }
  25. </script>
  27. <form>
  28. <input onkeyup="updateXml(this);" data-xpath="/person/name" />
  30. <textarea id="xml" style="width: 800px;height: 600px;">
  31. <?xml version="1.0" encoding="ISO-8859-1"?>
  32. <person>
  33.   <name>Paul</name>
  34.   <age>12</age>
  35. </person>
  38. </textarea>
  39. </form>


 
Est ce que vous avez une idée de comment retrouver le "element" dans l'arbre afin que je puisse le modifier et reconstruire le XML ?
ou alors une autre façon de faire?
 
merci
:jap:
 
PS : le XML est simplifié à l'extrème, en situation, il est évidemment plus complexe ; les valeurs ne sont pas toujours à la même profondeur, etc
PS1 : je ne peux pas mettre d'id aux noeuds de mon XML. En fait, je ne peux pas en choisir la structure.
PS2 : je ne fais qu'un interateNext(), je verrai comment faire quand il y aura plusieurs éléments à gérer.

Reply

Marsh Posté le 12-07-2018 à 22:44:06   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed