XML - Seleccional elementos

Seleccional elementos

Publicado por Queen (2 intervenciones) el 21/09/2006 22:09:52

Supongamos que tengo un xml del estilo

<root>
<seccion>
<item1> EJEMPLO A</item1>
<item2> EJEMPLO B</item2>
</seccion>
<item1> EJEMPLO C</item1>
<item2> EJEMPLO D</item2>
<seccion>
</seccion>
</root>

y un html con los siguientes campos

item1:
item2:

como hago para que en el html se me completen los valores que hay en la segunda seccion del xml????

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Cargar datos de la segunda sección de un XML en campos de un formulario HTML

Publicado por Alejandro (258 intervenciones) el 13/07/2023 20:25:52

Para completar los valores de los campos `item1` y `item2` en tu HTML con los datos de la segunda sección del XML, puedes utilizar JavaScript para leer el archivo XML y asignar los valores correspondientes a los campos del formulario. Aquí tienes un ejemplo de cómo lograrlo:

HTML:

<!DOCTYPE html>

<html>

<head>

  <script src="script.js"></script>

</head>

<body>

  <form>

    <label for="item1">Item 1:</label>

    <input type="text" id="item1" readonly>

    <label for="item2">Item 2:</label>

    <input type="text" id="item2" readonly>

    <button type="button" onclick="loadData()">Cargar Datos</button>

  </form>

</body>

</html>

JavaScript (script.js):

function loadData() {

  // Carga el archivo XML

  var xhttp = new XMLHttpRequest();

  xhttp.onreadystatechange = function() {

    if (this.readyState == 4 && this.status == 200) {

      // Parsea el XML

      var xmlDoc = this.responseXML;

      // Encuentra la segunda sección del XML

      var secciones = xmlDoc.getElementsByTagName("seccion");

      if (secciones.length >= 2) {

        var segundaSeccion = secciones[1];

        // Obtiene los valores de los elementos item1 y item2 de la segunda sección

        var item1Value = segundaSeccion.getElementsByTagName("item1")[0].textContent;

        var item2Value = segundaSeccion.getElementsByTagName("item2")[0].textContent;

        // Asigna los valores a los campos del formulario

        document.getElementById("item1").value = item1Value;

        document.getElementById("item2").value = item2Value;

};

  xhttp.open("GET", "archivo.xml", true); // Reemplaza "archivo.xml" con la ruta correcta de tu archivo XML

  xhttp.send();

En este ejemplo, el botón "Cargar Datos" llama a la función `loadData()` cuando se hace clic. Esta función realiza una solicitud HTTP para cargar el archivo XML y luego accede a los elementos `item1` e `item2` de la segunda sección del XML para obtener sus valores. Por último, asigna esos valores a los campos correspondientes en el formulario.

Asegúrate de reemplazar "archivo.xml" en la llamada `xhttp.open()` con la ruta correcta de tu archivo XML.

Recuerda que este ejemplo utiliza JavaScript para realizar la lectura y manipulación del XML en el lado del cliente. Si el archivo XML está en un dominio diferente, es posible que se requieran consideraciones adicionales debido a las restricciones de seguridad de la política de mismo origen (Same Origin Policy).

Espero que esta solución te sea útil. ¡Buena suerte con tu proyecto!

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar