HI
RU
EN
ES
ZH
FR
DE
PT
AR
जावास्क्रिप्ट में रीडायरेक्ट कैसे करें: 2025 में शुरुआती से विशेषज्ञ तक
\n\nक्या आप कभी किसी ऐसी वेबसाइट पर पहुँचे हैं जो एक सेकंड में आपको किसी दूसरे पेज पर "ले गई"? या हो सकता है, आपने एक बटन दबाया और बिना पेज रीलोड किए पूरी तरह से एक नए सेक्शन में पहुँच गए? यह सब जावास्क्रिप्ट रीडायरेक्ट का जादू है। सवाल "How do I redirect to another webpage?" कई वर्षों से Stack Overflow पर सबसे लोकप्रिय सवालों में से एक बना हुआ है, और यह कोई संयोग नहीं है: रीडायरेक्ट वेब डेवलपमेंट में एक बुनियादी लेकिन अविश्वसनीय रूप से महत्वपूर्ण ऑपरेशन है।
\n\nइस लेख में, हम केवल window.location.href = '...' लिखने का तरीका नहीं दिखाएंगे। हम विश्लेषण करेंगे कि 2025 में कौन सा तरीका चुनना है, क्यों कुछ तरीके दूसरों से बेहतर हैं, और कैसे उन गलतियों से बचें जो आपकी साइट के उपयोगकर्ता अनुभव या SEO को खराब कर सकती हैं। कमर कस लें, यह दिलचस्प होने वाला है!
रीडायरेक्ट सिर्फ "लिंक पर क्लिक करना" क्यों नहीं है?
\n\nपहली नज़र में, काम तुच्छ लगता है: "दूसरे URL पर जाना"। लेकिन शैतान, हमेशा की तरह, विवरण में है। रीडायरेक्ट हो सकता है:
\n\n- \n
- तत्काल — उपयोगकर्ता को पता भी नहीं चला। \n
- विलंबित — "आपको 5 सेकंड में पुनर्निर्देशित किया जाएगा" जैसा संदेश दिखाने के लिए। \n
- निर्बाध — Single Page Application (SPA) के संदर्भ में, जहाँ पेज रीलोड नहीं होता। \n
- सशर्त — केवल प्रमाणित उपयोगकर्ताओं या विशिष्ट उपकरणों के लिए। \n
और प्रत्येक परिदृश्य के लिए एक सही उपकरण है। सभी मामलों के लिए window.location.href का उपयोग करना माइक्रोस्कोप से कील ठोकने जैसा है। काम तो करेगा, लेकिन क्यों?
2025 में जावास्क्रिप्ट रीडायरेक्ट के शीर्ष 5 तरीके
\n\nआइए प्रत्येक विधि को उदाहरणों और स्पष्टीकरणों के साथ समझें कि इसका उपयोग कब करना चाहिए।
\n\n1. क्लासिक: window.location.href
\n\nयह सबसे प्रसिद्ध और सरल तरीका है। आप बस window.location ऑब्जेक्ट के href प्रॉपर्टी को एक नया URL असाइन करते हैं।
// सरल रीडायरेक्ट\nwindow.location.href = 'https://pythonlib.ru/new-page';\n\n// इतिहास सहेजने के साथ रीडायरेक्ट (उपयोगकर्ता "पीछे" दबा सकता है)\nwindow.location.href = '/about';लाभ: सरलता, सहजता, ब्राउज़र इतिहास सुरक्षित रहता है।
\nनुकसान: पेज का पूर्ण रीलोड। यदि आपको बिना रीलोड के URL बदलना है (जैसे SPA में), यह विधि उपयुक्त नहीं है।
\n\nकब उपयोग करें: जब आपको वास्तव में किसी दूसरे पेज पर जाना हो और पुराने पेज की अब आवश्यकता न हो। उदाहरण के लिए, फॉर्म सफलतापूर्वक सबमिट करने के बाद।
\n\n2. इतिहास के बिना रीडायरेक्ट: window.location.replace()
\n\nयह विधि href के समान ही काम करती है, लेकिन एक महत्वपूर्ण अंतर के साथ: यह ब्राउज़र इतिहास में वर्तमान प्रविष्टि को बदल देती है। उपयोगकर्ता "पीछे" बटन दबाकर मूल पेज पर वापस नहीं आ सकेगा।
// पुनर्निर्देशन, जिसके बाद "पीछे" नहीं जा सकते\nwindow.location.replace('https://pythonlib.ru/new-page');लाभ: एक बार उपयोग होने वाले पेजों (जैसे, आयु सत्यापन पेज या पुराने URL से रीडायरेक्ट) के लिए आदर्श। इतिहास को अव्यवस्थित नहीं करता।
\nनुकसान: यदि उपयोगकर्ता "पीछे" बटन के सामान्य व्यवहार की अपेक्षा करता है तो यह भ्रमित कर सकता है।
\n\nकब उपयोग करें: जब आप किसी अस्थायी या सेवा URL से पुनर्निर्देशित कर रहे हों जिसे ब्राउज़र द्वारा "याद" नहीं किया जाना चाहिए। उदाहरण के लिए, /old-page से /new-page पर रीडायरेक्ट के बाद।
3. नया दस्तावेज़ लोड करना: window.location.assign()
\n\nassign() विधि href असाइन करने का अधिक "औपचारिक" संस्करण है। यह वही काम करती है: एक नया दस्तावेज़ लोड करती है और इतिहास में प्रविष्टि सहेजती है।
window.location.assign('https://pythonlib.ru/new-page');मूलतः, यह
ब्लॉग
पुस्तक अनुशंसाएँ
यह भी पढ़ें
