How to parse data via url and retrive with javascript

Question

I went through sb code and wants to implement similar code. he used:

  htmlItems += '<li><a href="show-feed.html?url=' + items[i].url + '">' + 
  items[i].name + '</a></li>';

and used this javascript code to retrive the url and parse to a method

.on('pageinit', '#show-feed-page', function () {
        var url = this.getAttribute('data-url').replace(/(.*?)url=/g, '');
        Application.initShowFeedPage(url);

it works well and i want to parse three values to the method eg<a href="showProduct.html?code='+ items[i].code +',name='+items[i].name+',price='+items[i].price+'">"and need code to retrive and parse to a method

initShowProductPage(code,name,price);

Shaik Mahaboob Basha · Accepted Answer · 2014-02-22 17:05:40Z

2

First of all, your html is wrong, you have to prepare proper query string format, the updated html mark up is:

    <a href="showProduct.html?code='+ items[i].code +
      '&name='+items[i].name+'&price='+items[i].price+'">"

You have to access window.location.href and parse it for the query string parameters.You can write a method which parses the url, like below:

 function parseURL() {
       var vars = [];
       var hashes = window.location.href.slice( window.location.href.indexOf('?')+1 ).split("&");
       for (var i=0;i<hashes.length;i++) {
            hash = hashes[i].split("=");
            vars.push( hash[0] );
            vars[ hash[0] ] = hash[1];
       }
       return vars;
}

Then you can access them using code, name and price parameters like below:

.on('pageinit', '#show-feed-page', function () {
      var hashObj = parseURL();
      // To get code
      var code =  hashObj["code"];

      // To get name
      var name = hashObj["name"];

      // To get price
      var price = hashObj["price"];

      // Now call the method
      initShowProductPage(code,name,price);

});

edited Feb 22, 2014 at 17:05

answered Feb 21, 2014 at 9:45

Shaik Mahaboob Basha

1,0825 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Samuel Moshie Over a year ago

Thanks for the reply but am still having error getAsset is not defined

Shaik Mahaboob Basha Over a year ago

@Samuel Moshie Sorry its typo error (no need of getAsset). I have updated the answer, please try now.

Samuel Moshie Over a year ago

Thanks alot i have tried n it runs with no error now but no value is been assigned to the variables code , price and name. I used alert to display their value before the ~initShowProductPage(code,name,price)~ method and it alerts undefined. pls help

Shaik Mahaboob Basha Over a year ago

@SamuelMoshie Your anchor tag code needs to be changed as in my answer i.e ( <a href="showProduct.html?code='+ items[i].code + '&name='+items[i].name+'&price='+items[i].price+'">" )

Samuel Moshie Over a year ago

Yes i changed mine too like yours

Collectives™ on Stack Overflow

How to parse data via url and retrive with javascript

1 Answer 1

5 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Related