How to Remove Query String from URL using JQuery?

By Hardik Savani January 31, 2023 Category : jQuery

Hey Artisan,

Now, let's see post of how to remove query string from URl. It's a simple example of remove query string using jquery code. I explained simply about example for remove query string. We will look at an example of hide query string. follow the below step for hide query string example.

Why remove query strings?

Main two reasons for this.

1. Clear URL alwaya look better than the long URL

2. When you are not remove your query string from URL. then all get variable show in you URL string. sometime it not good for a security

You can remove your query string using this simple Jquery code.

Example Code:

Read Also: How to use Laravel Variable in JQuery?
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
</head>
<body>
  
<script type="text/javascript">
    $(document).ready(function(){
        var uri = window.location.toString();
        
        if (uri.indexOf("?") > 0) {
            var clean_uri = uri.substring(0, uri.indexOf("?"));
            window.history.replaceState({}, document.title, clean_uri);
        }
    });
</script>
  
</body>
</html>

I hope it can help you...

Tags :
Previous

Crop, Resize, Frames etc on Selected Image in PHP using Aviary
Next

PHP Convert Time from One Timezone to Another Example

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares