CODEWITHSUNDEEP
jqueryxmlajax
Plummer
Plummer

Reputation: 6698

Browser AJAX/XML/jQuery issue

I've been pulling my hair out with trying to populate a form element by pulling info out of an XML doc. I have scoured every resource I know, googled the heck out of it, even asked a few questions here, but to no avail.

I thought the problem was with me and my syntax, not knowing my backside from a hole in the ground. So, to eliminate my self from the equation, I straight copied examples from the web (which worked when tested on the source site) and put them on my local machine to try it out, and wouldn't you know, they don't work! So it's not just me! Yay!

So am I missing something when trying to process an XML file? Is there some local host setting or browser setting that I'm missing?

For a reference, here's the example I tried replicating on my computer:

<html>
<head>
<script type="text/javascript">
function loadXMLDoc(url)
{
var xmlhttp;
var txt,x,xx,i;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    txt="<table border='1'><tr><th>Title</th><th>Artist</th></tr>";
    x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD");
    for (i=0;i<x.length;i++)
      {
      txt=txt + "<tr>";
      xx=x[i].getElementsByTagName("TITLE");
        {
        try
          {
          txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
          }
        catch (er)
          {
          txt=txt + "<td> </td>";
          }
        }
      xx=x[i].getElementsByTagName("ARTIST");
        {
        try
          {
          txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
          }
        catch (er)
          {
          txt=txt + "<td> </td>";
          }
        }
      txt=txt + "</tr>";
      }
    txt=txt + "</table>";
    document.getElementById('txtCDInfo').innerHTML=txt;
    }
  }
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="txtCDInfo">
<button onclick="loadXMLDoc('cd_catalog.xml')">Get CD info</button>
</div>

</body>
</html>

Upvotes: 0

Views: 120

Answers (1)

Zoli
Zoli

Reputation: 250

  1. I think you have some problem with you url. I'm not sure that 'cd_catalog.xml' is it. Maybe use full absulute url.

  2. I recommend to you use jQuery POST with JSON instead of this code.

Have you some server side code?

Upvotes: 1

Related Questions