[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Loading asynchronous XML in javascript

Posted on 2007-11-19
4
Medium Priority
?
617 Views
Last Modified: 2013-11-19
Hello,

Im using javascript to load a simple xml document, using the following code:

      //Name: loadXML
      //Purpose: To load xml at any location
      var xmlDoc;
      function loadXML(strPath) {
            
            //code for IE
            if(window.ActiveXObject) {
                  
                  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
                  xmlDoc.async=false;
                  //xmlDoc.onreadystatechange = getXMLState;
                  xmlDoc.load(strPath);
                  return xmlDoc;
                  
                  } else if(document.implementation && document.implementation.createDocument) { // mozilla
                        
                        xmlDoc = document.implementation.createDocument("","",null);
                        xmlDoc.load(strPath);
                        return xmlDoc; // returning data before entire document is loaded
      
                        }
            
            }


And i am calling the code like so:

      //load the xml data
      var objXmlTmp = loadXML('/data/formData2.xml');
      
      //alert('Number of objXmlTmp nodes = ' + objXmlTmp.childNodes.length);
      
      //get the nodes
      var objXml = objXmlTmp.getElementsByTagName('list');
      
      //alert('Length of objXml nodes in top function = ' + objXml.length);

My problem is that if you uncomment the last alert statement, it will return "Length of objXml nodes in top function = 0", however if you additionally uncomment the first alert statement, the last alert statement will return "Length of objXml nodes in top function = 3". I am therefore convinced that this is because Firefox is calling the XML asynchronously, and by executing the alert statements the code is having enough time to finish loading the xml.

Can anyone help modify my code so that the firefox version also loads asychronously?

Thanks in advance
Al
0
Comment
Question by:partnershipdev
  • 3
4 Comments
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 2000 total points
ID: 20313135
try this

http://www.webmasterworld.com/forum91/3517.htm
var oLoadedXML;
function loadXML(sImportXML) {
  if( window.ActiveXObject && /Win/.test(navigator.userAgent) ) {
    oLoadedXML = new ActiveXObject("Msxml.DOMDocument");
    oLoadedXML.async = false;
    oLoadedXML.onreadystatechange = function () {
      if (oLoadedXML.readyState == 4) parseXML();
    }
    oLoadedXML.load(sImportXML);
  }
  else if( document.implementation && document.implementation.createdocument ) {
    oLoadedXML = document.implementation.createdocument("","",null);
    oLoadedXML.async=false;
    var loaded = oLoadedXML.load(sImportXML);
    if (loaded) {
      parseXML();
    }
  }
  else {
    alert("Your browser can\'t handle this script");
    return;
  }
} 

Open in new window

0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 20313162
where you have
function parseXML() {
  var objXml = oLoadedXML.getElementsByTagName('list');
  alert('Length of objXml nodes in top function = ' + objXml.length);
}

Open in new window

0
 

Author Comment

by:partnershipdev
ID: 20318655
Hi mplungian,

Thanks for your input. I didnt use the code exactly, but was able to use parts of it in my existing code which now works perfectly.

Probably the quickest response ive ever had on EE.

Cheers
Al
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 20319532
Ah..  I have been faster than that... If I knew the answer off the top of my head it could have been under 2 minutes ;)
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn how to dynamically set the form action using jQuery.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

872 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question