Get url parameter with jquery

Question

I want to read out an url parameter using jquery and bind this one in a variable. I've seen a lot of ways to solve it but definitely no one worked for me.

http://relaunch.headonline.de/projekte/#filter=kataloge-database

-> I'm using a '#' instead of a '&' or '?'!

This is my current javascript:

function $_GET(param) {
    var vars = {};
    window.location.href.replace( location.hash, '' ).replace( 
        /[?&]+([^=&]+)=?([^&]*)?/gi, // regexp
        function( m, key, value ) { // callback
            vars[key] = value !== undefined ? value : '';
        }
    );

    if ( param ) {
        return vars[param] ? vars[param] : null;    
    }
    return vars;
}

var filter = $_GET('filter');

What output are you expecting? You need all the key and value in an array? — Rino Raj
– Rino Raj, Commented Apr 19, 2016 at 8:24
My expected output is the url parameter, in this case "kataloge-database". -> relaunch.headonline.de/projekte/#filter=kataloge-database — Jonas
– Jonas, Commented Apr 19, 2016 at 8:31
I have updated my answer. Do let me know if you need any change. — Rino Raj
– Rino Raj, Commented Apr 19, 2016 at 8:34

Rino Raj · Accepted Answer · 2016-04-19 08:37:51Z

9

var url = window.location.href;
var arguments = url.split('#')[1].split('=');
arguments.shift();

Working Example

var url = "http://relaunch.headonline.de/projekte/#filter=kataloge-database";
var arguments = url.split('#')[1].split('=');
arguments.shift();
alert(arguments)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

var url = window.location.href;
var arguments = url.split('#').pop().split('=').pop();

Working Example

var url = "http://relaunch.headonline.de/projekte/#filter=kataloge-database";
var arguments = url.split('#').pop().split('=').pop();
alert(arguments)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

edited Apr 19, 2016 at 8:37

answered Apr 19, 2016 at 8:30

Rino Raj

6,2622 gold badges29 silver badges44 bronze badges

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

3 Comments

Jonas Over a year ago

Thank you, Rino! :) Works fine!

Rino Raj Over a year ago

Glad to here that :)

strobering Over a year ago

var arguments = url.split('page=')[1].split('&')[0];

glennsl · Accepted Answer · 2018-08-23 07:44:23Z

0

Use like this

http://relaunch.headonline.de/projekte/#filter=kataloge-database

var searchParams = new URLSearchParams(window.location.search)

if(searchParams.has('#filter') // true {
 var param = searchParams.get('sent');
 console.log(param);
}

edited Aug 23, 2018 at 7:44

glennsl

29.2k12 gold badges60 silver badges80 bronze badges

answered Aug 23, 2018 at 6:57

Naveen Gaur

4514 silver badges4 bronze badges

Collectives™ on Stack Overflow

Get url parameter with jquery

2 Answers 2

3 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Related