Reading a XML in Javascript

Hi,

I'm trying to read a XML file(say country.xml) located in templatedata\category(say x)\data-type(say y) in my javascript readXML.js located at same heirarchy.

But I'm failing to do so. What could be the problem?

This is the code I'm using in readXML.js

var xmlDoc= new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.asyn="false";
xmlDoc.load("country.xml");
xmlObj= xmlDoc.documentElement;

I have also used the complete path, but still in vain. Smiley Sad

Please help me out on this.

Thanks,
Maddy

Find more posts tagged with

Comments

kshitiz

FYI.

Javascript is something that is executed at the client side. While your XML file is present on server. JS can't access the XML through the code written by you.

Can you elaborate what you are trying to do? If you want to read the XML file while loading your DCT, you can use IWDatacapture.callServer to execute a perl script on server to read the XML file and return back the results to your JS function.

kaalraa

Hi,
I'm trying to read a XML file(say country.xml) located in templatedata\category(say x)\data-type(say y) in my javascript readXML.js located at same heirarchy.
But I'm failing to do so. What could be the problem?
This is the code I'm using in readXML.js
var xmlDoc= new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.asyn="false";
xmlDoc.load("country.xml");
xmlObj= xmlDoc.documentElement;
I have also used the complete path, but still in vain.
Please help me out on this.
Thanks,
Maddy

As stated earlier, JS file can not read XML if it is being run on client side by default. However, if you can elaborate more on your requirement, may be one can help you to provide a better solution.

maddy

Hi,

My actual requirement is to retreive parent values in XML into 1 drop down with child items into another drop down.

Like,

< country name="India" id="1" >
< city name="Mumbai" id="1"/ >
< city name="Delhi" id="2"/ >
< /country >
< country name="US" id="2" >
< city name="NY" id="1"/ >
< city name="LA" id="2"/ >
< /country >
...

So, now I require to fill 1 drop down with country names and the other drop down on basis of what country is selected I need to fill it with those corresponding child items.

This XML would reside on my server say on iw-home/local/config/x folder.

I hope I'm clear.

Thanks,
Maddy

kaalraa

Hi,

My actual requirement is to retreive parent values in XML into 1 drop down with child items into another drop down.
Like,
< country name="India" id="1" >
< city name="Mumbai" id="1"/ >
< city name="Delhi" id="2"/ >
< /country >
< country name="US" id="2" >
< city name="NY" id="1"/ >
< city name="LA" id="2"/ >
< /country >
...
So, now I require to fill 1 drop down with country names and the other drop down on basis of what country is selected I need to fill it with those corresponding child items.
This XML would reside on my server say on iw-home/local/config/x folder.
I hope I'm clear.
Thanks,
Maddy

I would suggest to use a CGI file to read XML... and within that, write the js which just put values from the list to the selected value list.

I hope it makes more sense as per your requirement. Smiley Happy

Sailesh

......

Removed

Sailesh

Hi,

My actual requirement is to retreive parent values in XML into 1 drop down with child items into another drop down.

Like,

< country name="India" id="1" >
< city name="Mumbai" id="1"/ >
< city name="Delhi" id="2"/ >
< /country >
< country name="US" id="2" >
< city name="NY" id="1"/ >
< city name="LA" id="2"/ >
< /country >
...

So, now I require to fill 1 drop down with country names and the other drop down on basis of what country is selected I need to fill it with those corresponding child items.

This XML would reside on my server say on iw-home/local/config/x folder.

I hope I'm clear.

Thanks,
Maddy

One approach I can think of is to read the xml file at load dct by using callserver and put in a hidden field, create the arrary from that and manipulate it according to your requirement.

Johnny

Hi,

I'm trying to read a XML file(say country.xml) located in templatedata\category(say x)\data-type(say y) in my javascript readXML.js located at same heirarchy.

But I'm failing to do so. What could be the problem?

This is the code I'm using in readXML.js

var xmlDoc= new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.asyn="false";
xmlDoc.load("country.xml");
xmlObj= xmlDoc.documentElement;

I have also used the complete path, but still in vain.

Please help me out on this.

Thanks,
Maddy

You can read xml and perform xlst transforms in MSIE - though you should still ask yourself if it's appropriate to do so on the client side.
This code should get you there...


        function getEmptyDOM() {
            var DOM                 = new ActiveXObject('Msxml2.FreeThreadedDOMDocument');
            DOM.async               = false;
            DOM.validateOnParse     = false;
            DOM.preserveWhiteSpace  = true;
            return (DOM);
        }

        function getDOMFromXML(XMLStr) {
            var DOM = getEmptyDOM();
            DOM.loadXML(XMLStr);
            if (DOM.parseError.errorCode != 0) {
                errorMessage += 'Error parsing XML:\n' + explainParseError(DOM.parseError) + '\n';
                return;
            }
            return (DOM);
        }

        function getDOMFromFile(File) {
            var DOM = getEmptyDOM();
            DOM.load(File);
            if (DOM.parseError.errorCode != 0) {
                errorMessage += 'Error parsing file:\n' + explainParseError(DOM.parseError) + '\n';
                return
            }
            return (DOM);
        }

You can use getDOMFromFile to process an xml document on the server or use getDOMFromXML to process an xml string in your javascript code.

Johnny

Oh - and the URL to your xml file should be absolute (not sure where relative links point to)

kshitiz

Hi,

My actual requirement is to retreive parent values in XML into 1 drop down with child items into another drop down.

Like,

< country name="India" id="1" >
< city name="Mumbai" id="1"/ >
< city name="Delhi" id="2"/ >
< /country >
< country name="US" id="2" >
< city name="NY" id="1"/ >
< city name="LA" id="2"/ >
< /country >
...

So, now I require to fill 1 drop down with country names and the other drop down on basis of what country is selected I need to fill it with those corresponding child items.

This XML would reside on my server say on iw-home/local/config/x folder.

Two Ways:

1. onChange of your 1st drop down call an external perl script using callServer and fetch the values of 2nd drop down.

2. When the DCR is loaded, get all the values of XML using callServer. Store them in some JS variable. And onChange of your 1st drop down populate the 2nd drop down accordingly.

In 1st approach you will be making call to servers again & again which is not advisable. Now it is upto you to decide.