jQuery में URL प्राप्त करना सीखें

अपने jQuery कोड में वर्तमान URL को कुशलतापूर्वक प्राप्त करना कई वेब डेवलपमेंट कार्यों के लिए महत्वपूर्ण है, जैसे कि डायनामिक रूप से कंटेंट अपडेट करना या कस्टम नेविगेशन लागू करना। यह गाइड सबसे प्रभावी तरीकों का पता लगाता है, उनके अंतर और सर्वोत्तम उपयोग के मामलों को स्पष्ट करता है।

विषयवस्तु की तालिका:

• विधि 1: window.location.href का उपयोग करना
• विधि 2: document.URL का उपयोग करना
• विधि 3: URL को विघटित करना
• उत्तम अभ्यास और विचार

विधि 1: window.location.href का उपयोग करना

यह सबसे सरल और व्यापक रूप से उपयोग किया जाने वाला तरीका है। window.location.href सीधे वर्तमान पृष्ठ का पूरा URL देता है, जिसमें प्रोटोकॉल, डोमेन, पथ और क्वेरी पैरामीटर शामिल हैं।

$(document).ready(function() {
  let currentURL = window.location.href;
  console.log(currentURL); // पूर्ण URL आउटपुट करता है
  $("#myElement").text("वर्तमान URL: " + currentURL);
});

विधि 2: document.URL का उपयोग करना

document.URL, window.location.href के समान ही परिणाम प्रदान करता है, पूरा URL लौटाता है। हालांकि थोड़ा कम प्रचलित है, फिर भी यह एक पूरी तरह से मान्य विकल्प है।

$(document).ready(function() {
  let currentURL = document.URL;
  console.log(currentURL); // पूर्ण URL आउटपुट करता है
  $("#myElement").text("वर्तमान URL: " + currentURL);
});

विधि 3: URL को विघटित करना

अक्सर, आपको URL के केवल विशिष्ट भागों की आवश्यकता होती है। window.location ऑब्जेक्ट इन घटकों को व्यक्तिगत रूप से एक्सेस करने के लिए गुण प्रदान करता है:

• window.location.protocol: (उदाहरण के लिए, “http:”, “https:”)
• window.location.hostname: (उदाहरण के लिए, “www.example.com”)
• window.location.pathname: (उदाहरण के लिए, “/path/to/page”)
• window.location.search: (उदाहरण के लिए, “?param1=value1&param2=value2”)
• window.location.hash: (उदाहरण के लिए, “#anchor”)

let protocol = window.location.protocol;
let hostname = window.location.hostname;
// ... अन्य गुणों को आवश्यकतानुसार एक्सेस करें ...
console.log("प्रोटोकॉल:", protocol, "होस्टनाम:", hostname);

उत्तम अभ्यास और विचार

जबकि window.location.href और document.URL दोनों कुशल हैं, window.location.href को आम तौर पर इसकी पठनीयता और व्यापक उपयोग के लिए प्राथमिकता दी जाती है। URL घटकों तक लक्षित पहुँच के लिए, window.location ऑब्जेक्ट के व्यक्तिगत गुणों का उपयोग करें। विशेष वर्णों से निपटते समय हमेशा encodeURIComponent() और decodeURIComponent() जैसे कार्यों का उपयोग करके URL एन्कोडिंग और डिकोडिंग को उचित रूप से संभालना याद रखें।