Getting URL variables via javascript

Question

I have a url www.myurl.com/angularjs?var=myvar

I am just starting off with AngularJS (and javascript to be honest) and am trying to get the value of 'var' and pass it to my controller but I have no idea how to access the url variables

This is my controller...

vdApp.controller('ApplicantCtrl', ['$scope', '$http', function($scope, $http) {
    $http.post('http://www.myurl.com/services', iWantToPassMyDataHere).success(function(data)
    {
        $scope.results = data;
    });
}]);

How can I do this?

Thanks

This might be helpful. docs.angularjs.org/api/ngRoute/service/$routeParams Inject in your controller.. and access by $routeParams.myVariableName. — javaCity
– javaCity, Commented Apr 30, 2014 at 14:33

ngasull · Accepted Answer · 2014-04-30 14:40:55Z

2

You should use $location's search() method for that:

vdApp.controller('ApplicantCtrl', ['$scope', '$http', '$location', function($scope, $http, $location) {
    $http.post('http://www.myurl.com/services', $location.search()).success(function(data) {
        $scope.results = data;
    });
}]);

edited Apr 30, 2014 at 14:40

answered Apr 30, 2014 at 14:33

ngasull

4,2161 gold badge24 silver badges36 bronze badges

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

1 Comment

bencarter78 Over a year ago

Hi there, thanks for the response! I've tried that and it's not returning any results. I think it's because it's not passing the parameter to my endpoint. How can I check if it? I've tried setting $scope.myVar = $location.search() and it's just empty. Any ideas?

Easwar Raju · Accepted Answer · 2014-04-30 14:33:56Z

0

document.location.search returns the query string from the url

answered Apr 30, 2014 at 14:33

Easwar Raju

2831 silver badge5 bronze badges

Comments

Cameron Tinker · Accepted Answer · 2014-04-30 14:38:18Z

0

Use location.search and split out the query string like this:

var queryVals = location.search.split('&');
var v = queryVals[0].split('=')[1];

This is assuming that your query parameter, var, is the first parameter.

answered Apr 30, 2014 at 14:38

Cameron Tinker

9,83710 gold badges48 silver badges88 bronze badges

Comments

Roger · Accepted Answer · 2015-06-22 16:44:53Z

You get problems with # If you don't use regex.

var get = getUrlVars();
function getUrlVars() {
    var vars = {};
    /*Splits the variables into chuncks*/
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {
        /*Takes those chunks and removes anything after the hashtag*/
        vars[key] = value.replace(/#\b[^#]*$/gi, '');
    });
    return vars;
}

This changes

http://www.yourdomain.com/account/products/productEdit.php?product_key=2edc8450-e75b-11e4-97c1-d02788bb017c

to

get.product_key = '2edc8450-e75b-11e4-97c1-d02788bb017c'

And

http://www.yourdomain.com/account/products/productEdit.php?product_key=2edc8450-e75b-11e4-97c1-d02788bb017c#inventory

to

get.product_key = '2edc8450-e75b-11e4-97c1-d02788bb017c'

Use this site to explore regular expressions. http://regexr.com/

Collectives™ on Stack Overflow

Getting URL variables via javascript

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related