Javascript and XML button

Question

Hi I have made a button through html and I am trying to get an XML page to appear when the button is clicked. I need to do this through javascript however it doesnt seem to be working for me.

My HTML:

<input type="button" value="Shop 1" id ="one">
<input type="button" value="Shop 2" id ="two">
<input type="button" value="Put Selected Pictures in Cart" id ="three">

My JavaScript:

 function getData(filename) { env = new XMLHttpRequest(); env.open("GET",            filename); } 

 function init()
{

 document.getElementById('one').onclick = function(){ getData('shop1.xml'); }
 document.getElementById('two').onclick = function(){ getData('shop2.xml'); }
}

Any help would be appreciated. Thanks.

function getData(filename) { env = new XMLHttpRequest(); env.open("GET", filename); } — 121910
– 121910, Commented Nov 3, 2015 at 20:00
Either you did not share all of your code, or you need to make sure to send your XMLHttpRequest. So far you are just opening the request, not actually sending it. Then you need some actual code to display the result of the request, as that seems to be missing too. — Paul-Jan
– Paul-Jan, Commented Nov 3, 2015 at 20:54

webketje · Accepted Answer · 2015-11-04 20:57:35Z

As the nature of XMLHttprequests is asynchronous, you should process the retrieved data in a callback function (or you could make it synchronous by specifying env.open("GET",url, true). Your new getData function will look like so:

function getData(url, callback) { 
  var env = new XMLHttpRequest(); 
  env.onload = function() {
    callback(env.response);
  };
  env.open("GET", url); 
}

And you could use it as follows:

var one = document.getElementById('one'),
    two = document.getElementById('two');

one.onclick = function(){
  getData('shop1.xml', function(response) { 
     /* do whatever you want with the response XML */ 
  });
}
two.onclick = function(){
  getData('shop2.xml', function(response) { 
     /* do whatever you want with the response XML */ 
  });
}

See MDN: Using XMLHttpRequest for more info. Note that this will simply get the XMLdoc as a string; if you need to walk it as an XML tree, you will need to use the DOMParser API.

Collectives™ on Stack Overflow

Javascript and XML button

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related