2011-06-22 11 views
9

मैंने देखा है कि http://hypem.com जैसी साइटें जो एक पूर्ण AJAX साइट है, अब अपने # को स्क्रैप करने में कामयाब रही है! AJAX यूआरएल लेकिन एक पूर्ण AJAX साइट बनाए रखा। यह कैसे संभव है? http://plugins.jquery.com/project/history-js# बिना अजाक्स नेविगेशन!

उत्तर

5

आप हालांकि केवल सभ्य ब्राउज़रों में history.pushState साथ ऐसा कर सकते,)

https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history

यहाँ हैश किया गया URL को पुराने ब्राउज़र के लिए एक fallback के साथ एक jQuery प्लगइन है कुछ आधुनिक ब्राउज़र history.pushState() का समर्थन करते हैं।

हालांकि, यदि आप पुराने ब्राउज़र का समर्थन करना चाहते हैं जो अभी भी लोकप्रिय हैं, तो आपको हैश फ़ॉलबैक का उपयोग करना चाहिए।

+0

तो यह खिड़की के समान तरीके से यूआरएल को बदल नहीं देगा। स्थान होगा? यह पेज रीफ्रेश नहीं करेगा? – wilsonpage

+0

@pagewil: यह विचार है। 'pushState()' आपको पृष्ठ के यूआरएल को पुनः लोड किए बिना संशोधित करने की अनुमति देता है। –

0

एचटीएमएल 5 का नया इतिहास एपीआई है। इस यूआरएल पर डेमो उपलब्ध है। http://html5demos.com/history/

https://github.com/browserstate/history.js इसके लिए बहुत अच्छा समर्थन है। इसके अलावा history.js jquery, mootools आदि के साथ प्लग प्लग है और HTML4 ब्राउज़र का भी समर्थन करता है।

0

बस में शामिल अपने

<script type="text/javascript" src="https://raw.github.com/binarymind/jquery-navigate/master/navigate.js" ></script> 

और

<script type="text/javascript" 
$(document).ready(function() { 
    $.navigate.init(); 
}); 
</script> 

के बाद jQuery (1.7+) के लिए शामिल हैं <head> में और प्लगइन अपनी वेबसाइट में automaticaly अजाक्स पहुंच जाएंगे।

किसी भी अधिक अनुकूलन, दस्तावेज़ या जवाब आप GitHub https://github.com/binarymind/jquery-navigate

आशा है कि यह मदद करता है पर जा सकते हैं के लिए

bastien

संबंधित मुद्दे