<script> async function loadData() { var data = await fetch("Product.xml"); var parsedData = await data.text(); var parser = new DOMParser(); var Product_document = parser.parseFromString(parsedData,"text/xml"); var results = ""; var AlertBox = "" var user_id_input = document.getElementById("user_id").value; var todos = Product_document.getElementsByTagName("product"); for(var i = 0; i < todos.length; i++) { var Name = todos[i].getElementsByTagName("Name")[0].childNodes[0].nodeValue; var Code = todos[i].getElementsByTagName("Code")[0].childNodes[0].nodeValue; var Quantity = todos[i].getElementsByTagName("Quantity")[0].childNodes[0].nodeValue; var Description = todos[i].getElementsByTagName("Description")[0].childNodes[0].nodeValue; var Price = todos[i].getElementsByTagName("Price")[0].childNodes[0].nodeValue; if(user_id_input === Code) { results = "<div>" + "Code: " + Code + ",<br/> Name: " + Name + ", <br/>Quantity: " + Quantity + ",<br/> Description " + Description + ",<br/> Price " + Price + "</div><br/>"; AlertBox= "True"; } if(AlertBox !== "True") { alert("Error"); } } document.getElementById("results").innerHTML = results; } </script>Estoy tratando de codificar una aplicación web que toma la entrada del usuario, analiza un archivo XML y luego muestra alguna información. Tengo esa parte funcionando.
Mi problema es que quiero que haya una alerta de error si la entrada no coincide con ninguno de los elementos XML. He codificado uno, pero para cada elemento que la aplicación comprueba que no coincide con la entrada del usuario, la aplicación me da una alerta de error. Y no tengo ni idea de cómo solucionarlo. ingrese la descripción de la imagen aquí
Intenté agregar una variable que cambia a verdadera si la entrada coincide y solo permito que aparezca la alerta si esa variable es falsa y sigo recibiendo la alerta. ingrese la descripción de la imagen aquí
Según su código, creo que la razón por la que no funciona es la propiedad nodeValue , ya que esto devuelve nulo .
Cuando se invoca en una etiqueta de elemento (nodeType 1) nodeValue devuelve nulo . nodeValue devolverá el contenido de texto real cuando se llame desde un elemento de texto (nodeType 3). La etiqueta 'Código' es de tipo elemento y tiene un elemento secundario de tipo texto, por lo que no obtiene el valor de texto deseado. Puede leer más sobre nodeType aquí .
Para obtener el resultado correcto de nodeValue , debe llamarlo así:
var Name = todos[i].getElementsByTagName("Name")[0].childNodes[0].firstChild.nodeValue; .
Como desea obtener el contenido de texto de un elemento, también puede usar el siguiente código:
var Name = todos[i].getElementsByTagName("Name")[0].childNodes[0].textContent;
La condición if ahora también debería ejecutarse correctamente siempre que la variable user_id_input también tenga el valor correcto. Si la función loadData se ejecuta antes de que el usuario haya ingresado valores en los campos del formulario, debe ejecutar la función cuando haya enviado su formulario. De esta manera, puede asegurarse de que el usuario haya ingresado valores en todos los campos obligatorios. Puede leer más sobre los formularios HTML y administrarlos a través de JavaScript aquí si es necesario.
También sugeriría usar let y const en lugar de var . Además, creo que le gustaría usar su variable AlertBox como booleano. Si ese es el caso, utilice el tipo de datos booleano en JavaScript. Puedes escribirlo así:
let AlertBox = false; o let AlertBox = true;
