Update URL on AJAX request without using hash #

Question

I need functionality like the below website. When you scroll down, new stories are fetched from server using AJAX and the URL is also updated. There is no hash # in url as well.

http://qz.com/

How can I achieve this?

thanks

pushstate. However, in IE<10, you'll have to use the hash or page reloads. — user400654
– user400654, Commented Jul 9, 2013 at 18:19
I answered in a similar question. Take a look this answer. stackoverflow.com/questions/13358020/… — wataru
– wataru, Commented Jul 6, 2015 at 19:17

Artek Wisniewski · Accepted Answer · 2013-07-09 18:25:14Z

2

window.history.pushState(“state object/id”, “Title”, “/new-url”);

Still, you need to use hashes on browsers that do not support it. I use https://github.com/browserstate/history.js that does all the old browsers fallbacks for me.

answered Jul 9, 2013 at 18:25

Artek Wisniewski

7975 silver badges13 bronze badges

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

Comments

fotuzlab · Accepted Answer · 2014-02-21 06:45:26Z

1

You might like to try project sarus.

http://srijanlabs.github.io/sarus/

It is a framework built in angularJS to carry out similar functionality. It fetches articles as the user scrolls through the page while url mapping is maintained in browser's address bar.

Moreover, being a frontend application it is highly customizable and works with API/RSS to fetch data.

answered Feb 21, 2014 at 6:45

fotuzlab

1,4561 gold badge15 silver badges19 bronze badges

Collectives™ on Stack Overflow

Update URL on AJAX request without using hash #

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related