How to get Url Hash (#) from server side

by

We had a situation where we needed to persist the URL hash across ASP.Net post backs. As the browser does not send the hash to the server by default, the only way to do it is to use some Javascript:

  1. When the form submits, grab the hash (window.location.hash) and store it in a server-side hidden input field Put this in a DIV with an id of “urlhash” so we can find it easily later.

  2. On the server you can use this value if you need to do something with it. You can even change it if you need to.

  3. On page load on the client, check the value of this this hidden field. You will want to find it by the DIV it is contained in as the auto-generated ID won’t be known. Yes, you could do some trickery here with .ClientID but we found it simpler to just use the wrapper DIV as it allows all this Javascript to live in an external file and be used in a generic fashion.

  4. If the hidden input field has a valid value, set that as the URL hash (window.location.hash again) and/or perform other actions.

We used jQuery to simplify the selecting of the field, etc … all in all it ends up being a few jQuery calls, one to save the value, and another to restore it.

Before submit:

$("form").submit(function() {
  $("input", "#urlhash").val(window.location.hash);
});

On page load:

var hashVal = $("input", "#urlhash").val();
if (IsHashValid(hashVal)) {
  window.location.hash = hashVal;
}

IsHashValid() can check for “undefined” or other things you don’t want to handle.

Also, make sure you use $(document).ready() appropriately, of course.

More Related Contents:

  1. url with multiple forward slashes, does it break anything?
  2. URL fragment (#) allowed characters
  3. Change the URL in the browser without loading the new page using JavaScript
  4. Get fragment (value after hash ‘#’) from a URL [closed]
  5. Get the subdomain from a URL
  6. Getting URL hash location, and using it in jQuery
  7. What’s valid and what’s not in a URI query?
  8. Parsing URL hash/fragment identifier with JavaScript
  9. Absolute urls, relative urls, and…?
  10. Is it valid to have more than one question mark in a URL?
  11. What is the etymology of ‘slug’ in a URL? [closed]
  12. In a URL, should spaces be encoded using %20 or +? [duplicate]
  13. What is the meaning of # in URL and how can I use that?
  14. How to check validity of URL in Swift?
  15. Is a url query parameter valid if it has no value?
  16. What are fragment URLs and why to use them?
  17. Why do some websites add “Slugs” to the end of URLs? [closed]
  18. A url resource that is a dot (%2E)
  19. What is %2C in a URL?
  20. PathLocationStrategy vs HashLocationStrategy in web apps
  21. Passing a parameter via URL to SQL Server Reporting Services
  22. How come some site urls do not include a file extension?
  23. How to change the URL from “localhost” to something else, on a local system using wampserver?
  24. PHP & Hash / Fragment Portion of URL
  25. Node.js – How can I remove the port from the url? [closed]
  26. What is the definition of an absolute URL (fully qualified?)
  27. URL Scheme for Phone Call
  28. RESTful URL: where should I put locale? example.com/en/page vs example.com/page?locale=en
  29. URLs: Dash vs. Underscore [closed]
  30. IIS7 URL Redirection from root to sub directory [closed]

Leave a Comment