• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Aktualizacja listy elementów pobranych z bazy danych

0 głosów
38 wizyt
pytanie zadane 22 grudnia 2018 w JavaScript, jQuery, AJAX przez jarok Obywatel (1,980 p.)

W kontrolerze jest metoda zwracającą listę samochodów z bazy.

public function apiIndex()
{
    return Car::all();
}

W widoku wyświetlam listę za pomocą vue

<div id="app">
    <h1>cars</h1>
    <ul>
        <li v-for="car in cars">@{{ car.name }}</li>
    </ul>
</div>

Wykonuje zapytanie get do /api-cars czyli metody apiIndex().

var app = new Vue({
    el: '#app',
    data: {
        cars: [],
    },
    mounted() {
        axios.get('/api-cars').then(response => this.cars = response.data);
    }
});

Teraz pytanie: jak zrobić że po dodaniu nowego elementu do bazy lista automatycznie zostanie zaktualizowana?

1 odpowiedź

0 głosów
odpowiedź 22 grudnia 2018 przez Tomek Sochacki Mędrzec (178,470 p.)
edycja 22 grudnia 2018 przez Tomek Sochacki
To zależy, jeśli masz w tej apce jakiś event świadczący o zapisie do bazy to zapnij się na nim i po success pobierz aktualne dane. Albo zapnij sobie server sent events i do tego wg mnie warto pomyśleć nad jakimś observable, uprzyjmnia to pracę w takich przypadkach i pozwala łato mergować strumienie rxjs np. przy SSE.

Podobne pytania

0 głosów
1 odpowiedź 86 wizyt
pytanie zadane 25 sierpnia 2018 w JavaScript, jQuery, AJAX przez mi-20 Stary wyjadacz (10,260 p.)
0 głosów
0 odpowiedzi 116 wizyt
pytanie zadane 28 maja 2018 w JavaScript, jQuery, AJAX przez mi-20 Stary wyjadacz (10,260 p.)
0 głosów
0 odpowiedzi 122 wizyt
pytanie zadane 26 marca 2018 w JavaScript, jQuery, AJAX przez mi-20 Stary wyjadacz (10,260 p.)
Porady nie od parady
Nie wiesz jak poprawnie zredagować pytanie lub pragniesz poznać którąś z funkcji forum? Odwiedź podstronę Pomoc (FAQ) dostępną w menu pod ikoną apteczki.FAQ

64,043 zapytań

110,434 odpowiedzi

231,279 komentarzy

47,815 pasjonatów

Przeglądających: 175
Pasjonatów: 2 Gości: 173

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...