Prase query string from url javascript

Question

my url look like http://localhost:13562/Student/RefreshStudents?sort=FirstName&sortdir=ASC&page=1

now i am looking for a function where i will pass url and query string name then that should return value.

so i did it this way but not working.

function getQueryVariable(url,variable) {
    var query = url;
    var vars = query.split('&');
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split('=');
        if (decodeURIComponent(pair[0]) == variable) {
            return decodeURIComponent(pair[1]);
        }
    }
    console.log('Query variable %s not found', variable);
}

calling like this way

var x='http://localhost:13562/Student/RefreshStudents?sort=FirstName&sortdir=ASC&page=1'

alert(getQueryVariable(x,'sort'));
alert(getQueryVariable(x,'sortdir'));
alert(getQueryVariable(x,'page'));

where i made the mistake?

EDIT

working code

$.urlParam = function(url,name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(url);
    if (results==null){
       return null;
    }
    else{
       return results[1] || 0;
    }
}

var x='http://localhost:13562/Student/RefreshStudents?sort=FirstName&sortdir=ASC&page=1'

alert($.urlParam(x,'sort'));
alert($.urlParam(x,'sortdir'));
alert($.urlParam(x,'page'));

https://jsfiddle.net/z99L3985/1/

thanks

What is the output of getQueryVariable(x,'sort')? (i.e. what is the wrong) — user586399
– user586399, Commented Jan 14, 2016 at 9:47
Maybe duplicate of stackoverflow.com/questions/19491336/get-url-parameter-jquery — Tân
– Tân, Commented Jan 14, 2016 at 9:49
i use that code but not working. see js fiddle where i test the code jsfiddle.net/z99L3985 what is the mistake? — Thomas
– Thomas, Commented Jan 14, 2016 at 9:55

AKHIL K · Accepted Answer · 2016-01-14 09:59:26Z

1

may be the following will help

   function getUrlVars(url) {
        var vars = {};
        var parts = url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {

            vars[key] = value;
        });
        return vars;
    }

    var x='http://localhost:13562/Student/RefreshStudents?sort=FirstName&sortdir=ASC&page=1';

    var queryVars = getUrlVars(x);
    alert(queryVars['sort']);
    alert(queryVars['sortdir']);
    alert(queryVars['page']);

answered Jan 14, 2016 at 9:59

AKHIL K

941 gold badge2 silver badges11 bronze badges

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

Comments

melvnberd · Accepted Answer · 2016-01-14 10:02:47Z

I just get this from somewhere else as well..

function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       console.log(vars);
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] === variable){return pair[1];}
       }
       return(false);
}

so far its doing its job. with url: "http://urlhere.com/general_journal?from=01%2F14%2F2016&to=01%2F14%2F2016&per_page=25&page=2"

if im going to get the 'page' variable result would be : `2`
console.log(getQueryVariable('page'));

my query variable is only getting the search.substring(1) part of the the url so basically it only gets from=01%2F14%2F2016&to=01%2F14%2F2016&per_page=25&page=2 part of the url then from that it splits it and then return the value of the string parameter you specified on the function call getQueryVariable('page') for example.

Harry Bomrah · Accepted Answer · 2016-01-14 09:56:14Z

0

Maybe this helps

var getUrlVars = function(url){
    var vars = [], hash;
    var hashes = url.slice(url.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++){
        hash = hashes[i].split('=');
        vars.push(decodeURIComponent(hash[0]));
        vars[decodeURIComponent(hash[0])] = decodeURIComponent(hash[1]);
    }
    if(vars[0] == url){
        vars =[];
    }
    return vars;
}

Then in your code

var params = getUrlVars("http://localhost:13562/Student/RefreshStudents?sort=FirstName&sortdir=ASC&page=1");
console.log(params["sort"]) // FirstName

answered Jan 14, 2016 at 9:56

Harry Bomrah

1,6681 gold badge11 silver badges14 bronze badges

Collectives™ on Stack Overflow

Prase query string from url javascript

EDIT

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

EDIT

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related