Home/ Questions/Q 6154705
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T20:18:24+00:00

This section of code is to first get the data and display the data

  • 0

This section of code is to first get the data and display the data from the XML file. After that there is a button below named submit. When I press submit, it calls the function add() and it will copy the first node from the XML file:

<html>
<body>
<link rel="stylesheet" type="text/css" href="test.css" />
<table>
</tr class="top">
<td>ID</td>
<td>Orgin</td>
<td>Type</td>
<td>Color</td>
</tr>

<script type="text/javascript">
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","test.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
var x=xmlDoc.getElementsByTagName("product");
for (i=0;i<x.length;i++)
  {
  document.write("<tr class=a><td>");
  document.write(x[i].getElementsByTagName("orgin")[0].getAttribute("id"));
  document.write("</td><td>");
  document.write(x[i].getElementsByTagName("orgin")[0].childNodes[0].nodeValue);
  document.write("</td><td>");
  document.write(x[i].getElementsByTagName("type")[0].childNodes[0].nodeValue);
  document.write("</td><td>");
  document.write(x[i].getElementsByTagName("color")[0].childNodes[0].nodeValue);
  document.write("</td></tr>");
  }
document.write("</table>");

function add()
{var id=document.getElementById('idProduct').value;
var time=document.getElementById('Time').value;
var org=document.getElementById('orgin').value;
var color=document.getElementById('color').value;
var type=document.getElementById('type').value;

xmlDoc=loadXMLDoc("test.xml"); //Problem happen here, the code doesn't functioning
oldNode=xmlDoc.getElementsByTagName('product')[1];
newNode=oldNode.cloneNode(true);
xml.Doc.documentElement.appendChild(newNode); 
}

</script>
<br>
Inputs:
<br>
Time: <input type="text" id="time"><br>
ID: <input type="text" id="idProduct"><br>
Orgin: <input type="text" name="orgin"><br>
Type: <input type="text" name="type"><br>
Color: <input type="text" name="color"><br>
<input type="button" value="submit" onclick="add()"></input>


</body>
</html>

This is the XML file:

<?xml version="1.0" encoding="Big5" ?>
<set>
  <product time="5">
    <orgin id="1">sony</orgin>
    <type>comp</type>
    <color>red</color>
  </product>
  <product time="6">
    <orgin id="2">apple</orgin>
    <type>others</type>
    <color>blue</color>
  </product>
</set>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here is the W3Schools loadxmldoc.js file:

    function loadXMLDoc(dname) 
{
if (window.XMLHttpRequest)
  {
  xhttp=new XMLHttpRequest();
  }
else
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xhttp.open("GET",dname,false);
xhttp.send();
return xhttp.responseXML;
}

    Add that to your script block and it may start working (or get you a little further along).

    • 0