पृष्ठ को फिर से लोड किए बिना आप पता बार में यूआरएल कैसे बदलते हैं?

Question

Shopify यह कैसे करता है? अपनी वेबसाइट पर जाएं विशेषताएं लिंक पर क्लिक करें और आप देखेंगे कि अपने ब्राउज़र की पता पट्टी में URL का कहना है:

http://www.shopify.com/tour/sell-online

फिर उप किसी भी लिंक पर क्लिक करें और आप उस URL दिखाई देगा पता बार में हैश का उपयोग किये बिना परिवर्तन होता है और कोई पेज फ्लिप नहीं होता है।

मुझे नहीं लगता कि वे सामग्री को बदलने के लिए AJAX का उपयोग कर रहे हैं क्योंकि यह पृष्ठ पर छिपे हुए divs में शामिल होना प्रतीत होता है, लेकिन भले ही आप स्पष्ट रूप से क्लाइंट साइड ट्रिक्स का उपयोग कर यूआरएल बदल सकते हैं। आपकी मदद की सराहना की जाती है?

Answer 1

आप एक नया राज्य धक्का देने के लिए नए HTML5 इतिहास API का उपयोग करते हैं।

यहां the MDN documentation और a good tutorial है।

सावधान रहें कि ऐसा करने से अक्सर दर्दनाक होता है (आपको अपने आवेदन की स्थिति को सही ढंग से प्रबंधित करना होगा) और it doesn't work with IE9। यह लगभग हमेशा AJAX के साथ संयुक्त होता है: यह गतिशील रूप से लोड की गई सामग्री को बुकमार्क करने योग्य होने का समाधान है, भले ही पूरा पृष्ठ पुनः लोड या परिवर्तित न हो।

Answer 2

pushState में देखें, लेकिन ध्यान रखें कि यह सभी ब्राउज़रों में समर्थित नहीं है।