jQuery removing hash value from URL

Question

I have a hard coded URL like so:

https://bupacouk.bwa.local.internal.bupa.co.uk/cash-plan-quote/quoteAction.do?getBenefitLevelDetails=getBenefitLevelDetails&productPolicyId=7841#a1

When Javascript is enabled i don't want the hash value on the end so how do i remove it?

When Javascript is disabled it needs to be present.

Thanks.

EDIT

Here is the AJAX jQuery that i am using. So i am pasisng the hard coded URL to the same page on the server and retrieving a table from it:

        // Find href of current tab
    var $tabValue = $(this).attr('href');

    // AJAX new table in
    $.ajax({
        type: "GET",
        cache: false,
        url: $(this).attr('href'),
        success: function(data){

        // Find benefit wrap
        $(data).find('.benefitWrap').each(function(){
            // get the contents
            var $benefitWrap = $(this).html();
            // replace contents on page
            $('.benefitWrap').replaceWith($('<div class="benefitWrap">' + $benefitWrap + '</div>'));

        });

       }

    });

Please provide more information. What is your jQuery like?

user241244
– user241244

2010-03-05 10:11:50 +00:00
Commented Mar 5, 2010 at 10:11 — user241244
– user241244, Commented Mar 5, 2010 at 10:11

Adam Kiss · Accepted Answer · 2010-03-05 10:20:19Z

original

It depends on what the hash value does. If it just moves the document down to #a1, you just need to set scrollTop to 0 after document has been loaded probably.

edit

looking on other stackoverflow questions,

parent.location.hash = ''

should do it, but maybe reloads the page (you have to test it)

Other than that, I advice you to handle it during/before your AJAX calls - i.e.

if (hash != 'a1'){ doAjax(); } //pseudocode obviously.

edit 2 with code based on posted code

Or, if you just need to call AJAX with url without hash, you can delete it in string, that calls the jQuery, no?

var $tabValue = $(this).attr('href');
var $withoutHash = $tabValue.substr(0,$tabValue.indexOf('#'));

we basically get a's href before first #

I need to remove it totaly as it is causing some AJAX to fail.

Steve Chab · Accepted Answer · 2012-02-10 18:01:49Z

14

A simple window.location.hash="" will do it.

edited Feb 10, 2012 at 18:01

answered Dec 13, 2011 at 14:45

Steve Chab

3193 silver badges9 bronze badges

3 Comments

David Christiansen Over a year ago

There is no need for you to be using jQuery to execute this statement.

ptim Over a year ago

hmm.. this is leaving me with mypage.htm# ... am i missing something? i'd like to see mypage.htm

Steve Chab Over a year ago

With this solution, some browsers leave the hash on the end, and some don't.

Brandon · Accepted Answer · 2012-03-01 23:23:04Z

8

This might be helpful to someone asking the same question, how to pull the data following a # in a href.

this.hash.slice(1);

This will give #123 as 123.

Edit: I should probably note, if you're going to be calculating numbers from this data, best to use parseInt(this.hash.slice(1)); or else you'll get funky results.

edited Mar 1, 2012 at 23:23

Brandon

70.3k32 gold badges201 silver badges227 bronze badges

answered Mar 1, 2012 at 19:22

Spiderkeg

811 silver badge2 bronze badges

Comments

Alvin Konda · Accepted Answer · 2019-07-11 16:19:17Z

2

This works for me. I have added a ! to prevent the page from scrolling up.

window.location.hash="!";

answered Jul 11, 2019 at 16:19

Alvin Konda

3,2882 gold badges25 silver badges25 bronze badges

1 Comment

RyanP13 Over a year ago

That's great. Cannot believe I asked this question almost ten years ago lol

Collectives™ on Stack Overflow

jQuery removing hash value from URL

EDIT

4 Answers 4

original

edit

edit 2 with code based on posted code

1 Comment

3 Comments

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

EDIT

4 Answers 4

original

edit

edit 2 with code based on posted code

1 Comment

3 Comments

Comments

1 Comment

Linked

Related