How do I get id number from url in javascript?

Question

Sorry I'm new in Javascript. I wanna get a number from my url in javascript, because I need it very much. I'd got this code from another link but it's not perfect enough for my case. The code is like this:

<html>
<head>
    <style>
    </style>
    <script type="text/javascript">
        function kampret(){
            x=location.pathname.split('/')[1];
            alert(x);
        }
    </script>
</head>
<body onload='kampret()'>
</body>
</html>

My url is like this:

http://domain.com/ztest1.php?ai=85&ver=7

I want to get that number of '85', and i used that code and the result is ztest1.php not 85. And how do i get the only 85? Thank you.

Possible duplicate of [How to get the value from the URL parameter?](http://stackoverflow.com/questions/979975/how-to-get-the-value-from-the-url-parameter) — Alex Andrei, Nov 11 '15 at 08:32

mischaZeng · Answer 1 · 2015-11-11T09:00:32.590

5

You can try

var getUrlParams = function (url) 
{
  var params = {};
  (url + '?').split('?')[1].split('&').forEach(
    function (pair) 
    {
       pair = (pair + '=').split('=').map(decodeURIComponent);
       if (pair[0].length) 
       {
         params[pair[0]] = pair[1];
       }
  });

  return params;
};

Result is

Object {ai: "85", ver: "7"}

Usage:

// 'http://domain.com/ztest1.php?ai=85&ver=7'
var params = getUrlParams( window.location.href );
alert( params.ai ); // 85

edited Nov 11 '15 at 09:00

answered Nov 11 '15 at 08:41

mischaZeng

166
6

How do i echo that result or alert? sorry I'm new in Java. – Juna serbaserbi Nov 11 '15 at 08:47
2

@Junaserbaserbi, it's JavaScript, NO Java – piterio Nov 11 '15 at 08:52
I have edited the usage. Its not Java, its JavaScript. :) – mischaZeng Nov 11 '15 at 08:52
ooww sorry, I thought that Java and Javascript is the same. Ok, i'll say javascript then, thanks. – Juna serbaserbi Nov 11 '15 at 08:53
how do i get the url from above address bar? – Juna serbaserbi Nov 11 '15 at 08:56
1

`window.location.href` – Thamilhan Nov 11 '15 at 08:58
Sorry, I still don't get it, or still don't know how to use it, it still a blank page for me, sorry, how stupid I'm :`( , but I keep give you +1. – Juna serbaserbi Nov 11 '15 at 09:03
No problem, you can edit your question with the current code. Then we can better help you – mischaZeng Nov 11 '15 at 09:11
wait, I'm curious, I'll keep trying this @mischaZeng's code. – Juna serbaserbi Nov 11 '15 at 09:26
1

Baaaam, I made it @mishaZeng. It works now. Actually i couldn't read your code, it's still too complicated for me. But I will learn it in google word by word from your code. Thanks again MishaZeng, +9 for you. – Juna serbaserbi Nov 11 '15 at 09:32
1

@mischaZeng please helping me again in [here](http://stackoverflow.com/questions/33669459/confusing-about-this-cookies-in-redirecting-system) – Juna serbaserbi Nov 12 '15 at 12:20

Thamilhan · Answer 2 · 2015-11-11T09:10:57.103

2

Try with this:

function getURLParameter(name) {
  return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null
}

$(document).ready(function(){
    alert(getURLParameter('ai'));
}); //JQuery

window.onload = alert(getURLParameter('ai')); //JavaScript

Adopted for yours:

<body onload='kampret()'></body>
<script>
    function getURLParameter(name) {
        return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [, ""])[1].replace(/\+/g, '%20')) || null
    }

    function kampret() {
        alert(getURLParameter('ai'));
    }
</script>

edited Nov 11 '15 at 09:10

answered Nov 11 '15 at 08:51

Thamilhan

13,040
5
37
59

and if you want `ver` simply you can use like this: `getURLParameter('ver')` – Thamilhan Nov 11 '15 at 09:10
1st code, there's no result, just blank. 2nd code, the alert shows up but only written **NULL** – Juna serbaserbi Nov 11 '15 at 09:12
its `getURLParameter('ai')` not `getURLParameter('a')` – Thamilhan Nov 11 '15 at 09:13
By the way both the codes are same. First code has JQuery, so you need to add CDN for it – Thamilhan Nov 11 '15 at 09:14
It works now. Thank you @Vijaya. Ouww, JQuery, ok wait, I'll try it again. – Juna serbaserbi Nov 11 '15 at 09:17
That's fine, and it is just a single line function you can use it with ease – Thamilhan Nov 11 '15 at 09:18
Wow, you are right @Vijaya. After i put CDN then It works also. Thanks you vijaya, +1 for you. – Juna serbaserbi Nov 11 '15 at 09:20
please helping me again in [here](http://stackoverflow.com/questions/33669459/confusing-about-this-cookies-in-redirecting-system) – Juna serbaserbi Nov 12 '15 at 12:18

piterio · Accepted Answer · 2015-11-11T09:02:32.947

1

Try with this:

//var url = "http://domain.com/ztest1.php?ai=85&ver=7";
var url = window.location.href;
var idx = url.indexOf("?");
var idx2 = url.indexOf("&");
var hash = idx != -1 ? url.substring(idx+4, idx2) : "";

And if you want only the 85 in this code you can use hash = idx != -1 ? hash.substring(3, idx) : "";

edited Nov 11 '15 at 09:02

answered Nov 11 '15 at 08:42

piterio

760
1
6
23

how do i get url from above? – Juna serbaserbi Nov 11 '15 at 08:44
Using`var url = window.location.href;` – piterio Nov 11 '15 at 08:44
wait a minute, I'll try it. – Juna serbaserbi Nov 11 '15 at 08:48
the result is **ai=85**, I just need 85 – Juna serbaserbi Nov 11 '15 at 08:51
ooww I see, wait a minute, I'll tested. – Juna serbaserbi Nov 11 '15 at 08:54
Thank you, I edited my answer, it's the same but less code. – piterio Nov 11 '15 at 09:04
It is great, but if you want `ver`, will you rewrite it? – Thamilhan Nov 11 '15 at 09:22
@VijayaSankarN, I know my answer are not the best option, I vote your answer, for example. But if it works for him... – piterio Nov 11 '15 at 09:25
@Vijaya, actually I still don't understand perfectly about piterio's code, but I will learn it more later. but by the way don't want **ver**, I just want **ai**, which way do i should to rewrite become **ai** Vijaya based on this code? – Juna serbaserbi Nov 11 '15 at 09:39
@Piterio please helping me again in [here](http://stackoverflow.com/questions/33669459/confusing-about-this-cookies-in-redirecting-system) – Juna serbaserbi Nov 12 '15 at 12:19

score 1 · Answer 4 · answered Nov 11 '15 at 09:04

1

A smaller way using php and javascript.

<?php $id = $_GET['ai']; ?>
<script language="javascript">
var id = <?php echo $id; ?>;
alert(id);
</script>

answered Nov 11 '15 at 09:04

Ali Zia

3,825
5
29
77

It can be even as simple as `alert();` – Thamilhan Nov 11 '15 at 09:08
Haha yes I know but just explaining it a little :D – Ali Zia Nov 11 '15 at 09:18
Wait a minute, I'll try it. – Juna serbaserbi Nov 11 '15 at 09:21
wow, it works @Ali, thanks for your code, I'll keep it in my library. +1 for you also. – Juna serbaserbi Nov 11 '15 at 09:24
Thankyou @Junaserbaserbi :) – Ali Zia Nov 11 '15 at 09:24
@Ali please helping me again in [here](http://stackoverflow.com/questions/33669459/confusing-about-this-cookies-in-redirecting-system) – Juna serbaserbi Nov 12 '15 at 12:21

How do I get id number from url in javascript?

4 Answers4