Ajax to handle xmlresponse

Baibhav · September 18th, 2008, 10:24 PM

Hi All

I am new to Ajax.
I am trying to implement Google Suggest for my application.
I create one test application to start with ajax.
My servlet response me one String = "<Categories><Category><name>NOTICE OF VALUATION OF REAL ASSETS</name></Category><Category><name>NOTICE OF INTEREST/CHANGES IN INTEREST</name></Category><Category><name>NOTICE OF BOOK CLOSURE DATE</name></Category><Category><name>Notice of 3 Consecutive Years Losses</name></Category></Categories>"
<-------------------Below is my Javascript code to handle it------->

function par****MLValue()
{
    alert("inside par****MLValue");
    var xmlValue = new ActiveXObject('MSXML.DomDocument');
    alert("inside par****MLValue" + 1);
    xmlValue.async = false;
    alert("inside par****MLValue" + 2 + mkArray);
    xmlValue.loadXML("<Categories><Category><name>NOTI CE OF VALUATION OF REAL ASSETS</name></Category><Category><name>NOTICE OF INTEREST/CHANGES IN INTEREST</name></Category><Category><name>NOTICE OF BOOK CLOSURE DATE</name></Category><Category><name>Notice of 3 Consecutive Years Losses</name></Category></Categories>");
    alert("inside par****MLValue" + 3);
    var root = xmlValue.getElementsByTagName('Categories')[0];
    alert("inside par****MLValue" + root.xml);
    var items = root.getElementsByTagName("Category");
    alert("value of items" + items.length);
    for (var i = 0 ; i < items.length ; i++) {
        // get one item after another
        alert("loop no:" + i);
        var item = items[i];
        // now we have the item object, time to get the contents
        // get the name of the item
        var name = item.getElementsByTagName("name")[0].firstChild.nodeValue;
        alert("loop no:" + i + "\t" + "name:" + name);
        xmlarr[i] = name;// My loop doesn't go beyond to this point
        alert("name=" + name + ": xmlarr" + xmlarr[i]);
    }
    alert("outside for loop");

}

Please let me know where exactly i am wrong.
Thanks IN advance

jminatel · September 18th, 2008, 11:27 PM

Sorry about the forum butchering your code. I assume you meant par****MLValue to be parseXMLValue. I think I'd adjusted the filter to allow this to work in future posts.

Jim Minatel
Acquisitions Director
Wiley Technology Publishing
WROX Press
Blog: http://wroxblog.typepad.com/
Wrox online library: http://wrox.books24x7.com

joefawcett · September 19th, 2008, 04:02 AM

I can't see why it's not working but it's difficult to read. Here's a working example:

Code:

<html>
<head>
  <title>Show Categories</title>

  <script type="text/javascript">
    function getXmlFromServer()
    {
      return "<Categories>"
      + "<Category><name>NOTICE OF VALUATION OF REAL ASSETS</name></Category>"
      + "<Category><name>NOTICE OF INTEREST/CHANGES IN INTEREST</name></Category>"
      + "<Category><name>NOTICE OF BOOK CLOSURE DATE</name></Category>"
      + "<Category><name>Notice of 3 Consecutive Years Losses</name></Category>"
      + "</Categories>";
    }

    function getParser()
    {
      //Here I would use something like zXML
      //to allow cross-browser usage
      var oDom = new ActiveXObject("msxml2.domdocument.3.0");
      oDom.setProperty("SelectionLanguage", "XPath");
      oDom.async = false;
      return oDom;
    }

    function showCategories()
    {
      var oDom = getParser();
      var sXml = getXmlFromServer();
      var bLoaded = oDom.loadXML(sXml);
      if (!bLoaded)
      {
        alert(oDom.parseError.reason);
        return;
      }
      //alert(oDom.xml);
      var arrData = [];
      //Using DOM
      var colCategories = oDom.documentElement.getElementsByTagName("Category");
      //alert(colCategories.length);
      for (var i = 0, l = colCategories.length; i < l; i++)
      {
        var oCategory = colCategories[i];
        var oName = oCategory.getElementsByTagName("name")[0];
        arrData[i] = oName.firstChild.nodeValue;        
      }
      alert(arrData.join("|"));
      //Using XPath
      var colNames = oDom.selectNodes("/Categories/Category/name");
      for (var i = 0, l = colNames.length; i < l; i++)
      {
        arrData[i] = colNames[i].firstChild.nodeValue;
      }
      alert(arrData.join("|"));
    }

  </script>

</head>
<body onload="showCategories();">
</body>
</html>

--

Joe (Microsoft MVP - XML)