Facebook Twitter Instagram
    TecAdmin
    • Home
    • FeedBack
    • Submit Article
    • About Us
    Facebook Twitter Instagram
    TecAdmin
    You are at:Home»Programming»JavaScript»How to Get Query String Values using JavaScript

    How to Get Query String Values using JavaScript

    By RahulNovember 28, 20141 Min Read

    We can easily get values passed in url query string using JavaScript or jQuery. Here is an simple examples of getting query string values with JavaScript. To do this create a function like getParamValuesByName and add one of example codes given below.

    Advertisement

    In the below examples function getParamValuesByName() will parse the query string values and returned matching values based on there named passed as parameter.

    Example 1:

    <script type="text/javascript">
    function getParamValuesByName (querystring) {
      var qstring = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
      for (var i = 0; i < qstring.length; i++) {
        var urlparam = qstring[i].split('=');
        if (urlparam[0] == querystring) {
           return urlparam[1];
        }
      }
    }
    var uid = getParamValuesByName('uid');
    var uname = getParamValuesByName('uname');
    </script>
    

    Example 2:

    <script type="text/javascript">
    function getParamValuesByName (querystring) {
        name = querystring.replace(/[[]/, "\[").replace(/[]]/, "\]");
        var regexS = "[\?&]" + name + "=([^&#]*)";
        var regex = new RegExp(regexS);
        var results = regex.exec(window.location.search);
        if (results == null) {
    	    return "";
    	}
        else {
    	    return decodeURIComponent(results[1].replace(/+/g, " "));
    	}
    }
    
    var uid = getParamValuesByName('uid');
    var uname = getParamValuesByName('uname');
    </script>
    

    get javascript querystring
    Share. Facebook Twitter Pinterest LinkedIn Tumblr Email WhatsApp

    Related Posts

    20 Common JavaScript Interview Questions and Answers

    JavaScript Arrays Tutorial for Beginner's

    JavaScript Arrays: A Beginner’s Guide

    How to Get the Current Timestamp in JavaScript

    View 1 Comment

    1 Comment

    1. Dan on January 25, 2016 6:37 pm

      This was very helpful. Thank you!

      Reply

    Leave A Reply Cancel Reply

    Advertisement
    Recent Posts
    • How to List Manually Installed Packages in Ubuntu & Debian
    • 10 Bash Tricks Every Developer Should Know
    • How to Validate Email Address in JavaScript
    • Firewalld: Common Firewall Rules and Commands
    • 12 Apk Commands in Alpine Linux Package Management
    Facebook Twitter Instagram Pinterest
    © 2023 Tecadmin.net. All Rights Reserved | Terms  | Privacy Policy

    Type above and press Enter to search. Press Esc to cancel.