How to get current url with or without query string example jQuery

Posted 7 years ago By Ajay Gupta 152400

In most cases while working with JavaScript, we sometime need to get current URL with or without query string.

There are so many ways to get the current URL of web page.

You may need current URL at the time of redirection or you can perform so many other task with current URL.

In this post, i will tell you how to get current URL with or without query string in jQuery.

Example 1: window.location.href

This is first way to get current URL in jQuery :

<html lang="en">
<head>
    <title>JavaScript - get current URL Example</title>
    <script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
</head>
<body>
<script type="text/javascript">
  var currentURL = window.location.href;
  alert(currentURL);
</script>
</body>
</html>

<html lang="en">
<head>
    <title>JavaScript - get current URL Example</title>
    <script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
</head>
<body>
<script type="text/javascript">
  var currentURL = window.location.href;
  alert(currentURL);
</script>
</body>
</html>

Example 2: $(location).attr("href")

This is second example to get current URL in jQuery :

<script type="text/javascript">
  var currentURL = $(location).attr("href");
  alert(currentURL);
</script>

<script type="text/javascript">
  var currentURL = $(location).attr("href");
  alert(currentURL);
</script>

Example 3: $(location).attr("href")

This is third example to get current URL in jQuery :

<script type="text/javascript">
  var currentURL = window.location;
  alert(currentURL);
</script>

<script type="text/javascript">
  var currentURL = window.location;
  alert(currentURL);
</script>

Get Current URL without query string Example 1:

<script type="text/javascript">
  var currentURL=location.protocol + '//' + location.host + location.pathname;
  alert(currentURL);
</script>

<script type="text/javascript">
  var currentURL=location.protocol + '//' + location.host + location.pathname;
  alert(currentURL);
</script>

Example 2:

<script type="text/javascript">
  var currentURL=window.location.href.split('?')[0];
  alert(currentURL);
</script>

<script type="text/javascript">
  var currentURL=window.location.href.split('?')[0];
  alert(currentURL);
</script>

Now you can check this script in your application where you need it.

How to get current url with or without query string example jQuery

How to get current url with or without query string example jQuery

Tags :

Related Posts

How to validate form in jQuery using jQuery Form Validator

Powerful jQuery Bootstrap Form Validation with Example

jQuery Select box search option with Chosen and Bootstrap Plugins example

Validate multiple email addresses in single input text example

How to create divided multi-scrolling pages using jQuery Plugins

jQuery How To Fix the “$ is not a function” Error Using noConflict

Add Remove input fields dynamically using jQuery

Auto Load More Data on Page Scroll with jQuery and PHP Laravel

jQuery making custom right-click context menu example

jQuery - disable context menu right click, cut, copy and paste

jQuery remove query string parameter from url

Check and Uncheck all checkbox using jQuery Example

How to hide, show, or toggle your div with jQuery

How to select only one checkbox at a time in jquery example

Submit PHP Bootstrap Form without Page Refresh using jQuery, Ajax

Upload Multiple Images With Image Preview Using jQuery,Ajax And PHP

How to add or update query string parameter to current url in Javascript

Jquery Bootstrap Table Row Draggable Sortable and Resizable with Example

Bootstrap datepicker example text input with specifying date format

jQuery - set am/pm format using jQuery timepicker Plugin with example

Bootstrap year picker example using datepicker js plugin

How to get client ip address in javascript of jquery?

How to count number of characters limit in textarea Javascript

jQuery Fullcalendar Integration with example

Loading Gravatar image from email using JQuery

Laravel 5 - Autocomplete Mutiple Fields Using jQuery, Ajax and MySQL

Ajax Image Upload using PHP and jQuery Example Without Page Refresh with Validation

How to get local time from UTC using Moment.JS with example