HTML में pushState स्टेट ऑब्जेक्ट वास्तव में क्या है?

pushState ऑब्जेक्ट

पेज को अपडेट करने के लिए pushState ऑब्जेक्ट का उपयोग करें जब उपयोगकर्ता हिस्ट्री के माध्यम से वापस नेविगेट करता है। चुने गए रंग को शामिल करने का एक उदाहरण देखें जो एक हिस्ट्री एंट्री बनाता है:

function display(color) {
    var myState = { selectedColor: color },
        myTitle = "Page title",
        myPath = "/" + color;
    history.pushState(myState, myTitle, myPath);
};

popstate इवेंट का उपयोग करें

अब हम चुने गए रंग को अपडेट करने के लिए popstate इवेंट का उपयोग करेंगे:

$(window).on('popstate', function(event) {
    var myState = event.originalEvent.state;
    if (myState) {
        selectColor(myState.selectedColor);
    }
});

pushState स्टेट ऑब्जेक्ट मनमाना सीरियलाइज़ेबल डेटा धारण कर सकता है जो ब्राउज़र बैक/फॉरवर्ड नेविगेशन पर उपलब्ध होता है।