2012-10-13 12 views
10

मैं कैसे अपने पृष्ठों Grooveshark पृष्ठों की तरह दिखाने के
http://grooveshark.com/#!/popular
है एक ट्यूटोरियल या कुछ और jQuery या जावास्क्रिप्ट द्वारा पेज को दिखाने के लिए इस तरह से करने के लिए कैसे पता करने के लिए कर सकते हैं?#! फ़ोल्डर के रूप में लिंक में हैशटैग और विस्मयादिबोधक चिह्न?

+1

मैंने अपने उत्तर में कुछ सुझाव जोड़े हैं कि यदि आप इस तकनीक का उपयोग कर साइट बनाना चाहते हैं तो आप उपयोगी पा सकते हैं। – bigblind

उत्तर

19

यूआरएल में हैश और विस्मयादिबोधक चिह्न को हैशबैंग कहा जाता है, और आमतौर पर वेब अनुप्रयोगों में उपयोग किया जाता है जहां वास्तव में पृष्ठ लोड करने के लिए जावास्क्रिप्ट जिम्मेदार होता है। हैश के बाद सामग्री सर्वर पर कभी नहीं भेजी जाती है। तो उदाहरण के लिए यदि आपके पास यूआरएल example.com/#!recipes/bread है। इस मामले में, example.com पर पृष्ठ सर्वर से लाया जाएगा, इसमें जावास्क्रिप्ट का एक टुकड़ा हो सकता है। यह स्क्रिप्ट तब location.hash से पढ़ी जा सकती है, और पृष्ठ को /recipes/bread पर लोड कर सकता है।

Google इस यूआरएल योजना को एजेक्स यूआरएल के रूप में भी पहचानता है, और सर्वर से सामग्री लाने की कोशिश करेगा, क्योंकि यह आपके जावास्क्रिप्ट द्वारा प्रस्तुत किया जाएगा। यदि आप इस तकनीक का उपयोग कर साइट बनाने की योजना बना रहे हैं, तो google's AJAX crawling documentation for webmasters पर एक नज़र डालें। यह भी ध्यान रखें कि आपको जावास्क्रिप्ट सक्षम होने पर भरोसा नहीं करना चाहिए, Gawker learned the hard way.

हैशबैंग कई साइटों में उपयोग से बाहर जा रहा है, यहां तक ​​कि जावास्क्रिप्ट रूटिंग करता है। यह संभव है क्योंकि सभी प्रमुख ब्राउज़र history API का समर्थन करते हैं। ऐसा करने के लिए, वे साइट पर हर पथ को एक ही जावास्क्रिप्ट लौटाते हैं, जो तब सामग्री में लोड करने के लिए वास्तविक यूआरएल को देखता है। जब उपयोगकर्ता किसी लिंक पर क्लिक करता है, तो जावास्क्रिप्ट क्लिक ईवेंट को रोकता है, और ब्राउज़र इतिहास पर एक नया पृष्ठ धक्का देने के लिए इतिहास API का उपयोग करता है, और फिर नई सामग्री लोड करता है।

+1

Thanx जानकारी के लिए बहुत कुछ :) –

+1

आपका स्वागत है, – bigblind

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