Kas ir vēstures API?

Sapratne vēsturisko API

Vēsturisko API ir spēcīga funkcija, kas ļauj tīmekļa lietojumprogrammām sazināties ar pārlūka vēstures kaudzi. Tas ļauj izstrādātājiem mainīt URL un pārvaldīt navigāciju, neizraisot pilnu lapas atkārtotu ielādi, uzlabojot lietotāja pieredzi.

Galvenās vēsturiskā API funkcijas

Vēsturiskā API ietver vairākas galvenās metodes, kas ļauj izstrādātājiem manipulēt ar pārlūka vēsturi:

• history.pushState(): Pievieno jaunu ierakstu pārlūka vēstures kaudzē.
• history.replaceState(): Modificē pašreizējo vēstures ierakstu, neveidojot jaunu.
• history.back(): Navigē uz iepriekšējo ierakstu vēstures kaudzē.
• history.forward(): Pārvietojas uz nākamo ierakstu vēstures kaudzē.
• history.go(): Ielādē konkrētu ierakstu no vēstures kaudzes, kas ir atrodams pēc tā relatīvās pozīcijas.

Izmantojot pushState un replaceState

Metodes pushState un replaceState ir īpaši noderīgas vienas lappuses lietojumprogrammām (SPAs). Šīs metodes ļauj izstrādātājiem atjaunināt URL, kas tiek rādīts pārlūka adreses joslā un vēstures kaudzē, neizraisot pilnu lapas atsvaidzināšanu.

history.pushState({ page: 1 }, "", "page1.html");

Šajā piemērā pushState pievieno jaunu ierakstu vēstures kaudzē, mainot URL uz page1.html.

Notikumu apstrāde ar vēstures API

Lai apstrādātu navigācijas notikumus, kas tiek izraisīti ar vēstures API, izstrādātāji var klausīties popstate notikumā. Šis notikums tiek izsaukts, kad aktīvais vēstures ieraksts tiek mainīts:

window.addEventListener('popstate', function(event) { console.log('URL mainījās:', document.location.href); });

Šajā piemērā tiek reģistrēts jaunais URL, kad lietotājs navigē, izmantojot pārlūka atpakaļ vai uz priekšu pogas.

Vēstures API priekšrocības

Vēstures API izmantošana sniedz vairākas priekšrocības tīmekļa lietojumprogrammām:

Plūstoša navigācija