2010-12-31 13 views
5

नमस्ते मैं समझने के लिए एक ट्यूटोरियल ढूंढ रहा हूं कि मैं एक div के साथ एक पृष्ठ कैसे बना सकता हूं जो पेज यूआरएल बदलते समय रीफ्रेश नहीं होता है।पृष्ठ में एक div को रीफ्रेश किए बिना पृष्ठ बदलें

पूर्व। जब मैं यूआरएल से दूसरे में जाता हूं तो फेसबुक चैट रीफ्रेश नहीं होती है। आप AJAX (javascripts XMLHttpRequest समारोह) का उपयोग करना चाहते कर रहे हैं की तरह

धन्यवाद

+2

इसे AJAX कहा जाता है। बस http://www.google.com/search?q=facebook+style+ajax+site:stackoverflow.com – mplungjan

+1

के लिए stackoverflow या google को फिर से खोजें, नए HTML5 'history.pushState' के साथ यह इतना स्पष्ट नहीं हो सकता है अब, अजाक्स का उपयोग किया जाता है। लेकिन जब भी पृष्ठ को केवल ताज़ा किया जाता है, तो यह निश्चित रूप से अजाक्स (या iframes) है। –

+0

@ फ़ेलिक्स +1 - मुझे लगता है कि वे भी क्या कर रहे हैं – Tauren

उत्तर

1

AJAX निश्चित रूप से उपयोग किया जा रहा है, हालांकि ऐसा नहीं लगता है क्योंकि वास्तविक यूआरएल बदल रहा है। अधिकांश AJAX ऐप्स केवल URL के हैंश भाग को बदलते हैं (somesite.com/page/#feature1)।

मुझे नहीं पता कि फेसबुक क्या कर रहा है क्योंकि मैंने ऐप का अध्ययन नहीं किया है, लेकिन मुझे लगता है कि वे यूआरएल बदलने के लिए एचटीएमएल 5 history.pushState() का उपयोग कर रहे हैं ताकि यदि आप इसे बुकमार्क या पुनः लोड करते हैं, तो यह जाएगा एक ही जगह। मैं देखता हूं कि @ फ़ेलिक्स ने पहले ही इस टिप्पणी में इसका उल्लेख किया है।

अधिक मदद के लिए यहाँ एक नज़र डालें:

Is there a way to change the browser's address bar without refreshing the page?

बहुत सारे और AJAX का उपयोग करने पर संसाधनों के बहुत सारे हैं। मैं व्यक्तिगत रूप से jQuery का उपयोग करता हूं और पाते हैं कि यह बहुत आसान बनाता है। यहाँ एक ट्यूटोरियल है कि मदद दे सकता है:

http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/

0

लग रहा है। यहां कुछ बुनियादी उदाहरणों के साथ एक महान लेख है: Here

0

यह AJAX कहा जाता है, अगर आप jQuery का उपयोग करें, यहाँ एक अच्छा ट्यूटोरियल है:

http://yensdesign.com/2008/11/creating-ajax-websites-based-on-anchor-navigation/

मैं अगर आप jQuery का उपयोग न एक और उदाहरण पोस्ट करने के लिए करना चाहता था लेकिन मुझे एक से अधिक लिंक पोस्ट करने के लिए और अधिक अंक चाहिए, क्षमा करें ...

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