Załaduj tylko sekcję strony - CSS-Tricks

Anonim

Przypadek użycia

Chcesz, aby AJAX załadował sekcję innej strony w swojej witrynie na bieżącą stronę. Załóżmy, że system eCommerce CMS tworzy dynamiczne menu produktów, ale istnieje jako podkatalog w Twojej witrynie i chcesz go użyć na stronie głównej.

jQuery

$("#mainNav").load("/store #mainNav")

Pierwszy parametr to adres URL (działa tylko w przypadku żądań z tej samej domeny!), A drugi (no cóż, technicznie rzecz biorąc, nadal jest to część pierwszego, oddzielona spacją) to selektor jQuery części do załadowania. Nieprzekazanie drugiego parametru selektora spowoduje załadowanie całej strony. Istnieje opcjonalny trzeci parametr, funkcja zwrotna, która zostanie uruchomiona po zakończeniu ładowania.