How do I create dynamically loaded pages URL?

Question

I'm noticing many websites with this AJAX loaded URL structure "#!", like twitter: (https://twitter.com/#!/apolinariosteps) but I couldn't find it documented (I didn't know what to search)

I'm not really sure if that is the solution (but I still wanna know how to do this), what I want is that when I load some content with Jquery, this cause a URL change somehow so I could share the page with the specific content loaded link.

Thanks in advance

You can search for "hash bang". See for example stackoverflow.com/questions/7655634/hash-bang-and-google-seo — Eric J.
– Eric J., Commented Apr 27, 2012 at 18:09
possible duplicate of What's the shebang/hashbang (#!) in Facebook and new Twitter URLs for? — Quentin
– Quentin, Commented Apr 27, 2012 at 18:33
This is not a technique to implement lightly. See breaking the web with hashbangs. — Quentin
– Quentin, Commented Apr 27, 2012 at 18:33

devstruck · Accepted Answer · 2012-04-27 18:27:42Z

2

The reload-less URL change exists natively in newer browsers through browser history object and can be easily polyfilled with balupton's history.js. The basic syntax will be history.pushState(stateObject, title, URL).

answered Apr 27, 2012 at 18:27

devstruck

1,5078 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

devstruck Over a year ago

@JoãoPauloApolinárioPassos The polyfill should work for most (I.e. IE6+) browsers without the HTML5 browser history object.

Collectives™ on Stack Overflow

How do I create dynamically loaded pages URL?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related