पृष्ठ को पुनः लोड किए बिना URL को एड्रेस बार में कैसे बदलें?
सभी को नमस्ते! मैं एक शुरुआती फ्रंटएंड डेवलपर हूँ और मुझे इस समस्या का सामना करना पड़ा: जब उपयोगकर्ता साइट के अंदर लिंक पर क्लिक करता है तो ब्राउज़र के एड्रेस बार में URL बदलना होता है, लेकिन पृष्ठ को पुनः लोड नहीं होना चाहिए।
उदाहरण के लिए, मेरे पास लेखों की सूची वाला एक single-page application (SPA) है। जब उपयोगकर्ता किसी लेख के शीर्षक पर क्लिक करता है, तो मैं चाहता हूँ कि URL `/` से `/article/123` में बदल जाए, लेकिन कंटेंट AJAX के माध्यम से बिना पूर्ण पुनः लोड के लोड हो। अब मैं `href` के साथ सामान्य लिंक का उपयोग कर रहा हूँ, और ब्राउज़र बस पृष्ठ को पुनः लोड कर देता है। मैंने `window.location.href = '/article/123'` का उपयोग करने की कोशिश की, लेकिन यह भी पुनः लोड का कारण बनता है।
यहाँ मेरे वर्तमान कोड का उदाहरण है:
```javascript
// यह अपेक्षित रूप से काम नहीं करता
document.querySelector('.article-link').addEventListener('click', function(e) {
e.preventDefault();
window.location.href = '/article/123'; // फिर भी पृष्ठ को पुनः लोड करता है
// fetch के माध्यम से कंटेंट लोड करना...
});
```
बिना पुनः लोड के URL को सही तरीके से कैसे बदलें? क्या मुझे...