JavaScript की URL कंस्ट्रक्टर विधि का उपयोग करके किसी URL से सभी डेटा मान प्राप्त करने का तरीका जानें।
मान लें कि आप अपनी वेबसाइट पर किसी प्रकार का आंतरिक खोज फ़ंक्शन बना रहे हैं। इसे ठीक से करने के लिए आपको URL स्ट्रिंग के सभी डेटा मानों तक पहुंचने की आवश्यकता है।
सौभाग्य से, जावास्क्रिप्ट में एक कंस्ट्रक्टर विधि है जिसे new URL() . कहा जाता है जो हमें एक URL को एक ऐसी वस्तु में बदलने की अनुमति देता है जो हमें URL में प्रत्येक संपत्ति और मूल्य का एक अच्छी तरह से व्यवस्थित अवलोकन देता है।
इसका उपयोग करने के लिए, एक वैरिएबल बनाएं और इसे new URL('your-url') का मान दें . उदाहरण के लिए, नीचे मैं TechStacker के लेखों में से एक के URL के आधार पर एक URL ऑब्जेक्ट बना रहा हूँ:
const urlData = new URL('https://techstacker.com/how-to-detect-double-clicks-with-vanilla-javascript');अब परिणाम लॉग आउट करने का प्रयास करें:
console.log(urlData)आपकी लौटाई गई URL वस्तु इस तरह दिखेगी:
var url = {
hash: "",
host: "techstacker.com",
hostname: "techstacker.com",
href: "https://techstacker.com/,how-to-detect-double-clicks-with-vanilla-javascript",
origin: "https://techstacker.com",
password: "",
pathname: "/how-to-detect-double-clicks-with-vanilla-javascript"
port: "",
protocol: "https:",
search: "",
searchParams: "URLSearchParams {}",
username: ""
};
और अब आप आसानी से प्रत्येक संपत्ति तक पहुंच सकते हैं और इसके साथ जो चाहें कर सकते हैं। उदाहरण के लिए, pathname तक पहुंच प्राप्त करने के लिए अपने URL का, आप यह करेंगे:
console.log(url.pathname)
// Prints: "/how-to-detect-double-clicks-with-vanilla-javascript"