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

question-closed Aktulizowanie wyglądu strony bez jej odświerzania

VPS Starter Arubacloud
0 głosów
717 wizyt
pytanie zadane 2 listopada 2017 w JavaScript przez SzukającyPrzygód Bywalec (2,310 p.)
zamknięte 3 listopada 2017 przez SzukającyPrzygód
Witam

Jaki kod mam w php bądź w AJAX wprowadzić aby po zaktualizowaniu rekordu w bazie danych strona aktualizowała swój wygląd bez jej odświeżenia w oknie przeglądarki , bardzo mi na tym zależy
komentarz zamknięcia: uzyskanie odpowiedzi
komentarz 2 listopada 2017 przez Milesq Nałogowiec (32,020 p.)
Jak zapoznasz się z ajaxem to

http://kursjs.pl/kurs/jquery/jquery_ajax.php
komentarz 3 listopada 2017 przez Comandeer Guru (599,730 p.)
W sumie przy takim use case zastanowiłbym się nad Server Sent Events.

4 odpowiedzi

+1 głos
odpowiedź 2 listopada 2017 przez daedhelil Użytkownik (680 p.)
edycja 5 listopada 2017 przez daedhelil
 
Najlepsza

Oto rozwiązanie z użyciem XMLHttpRequest:
-- https://drive.google.com/file/d/0B4smUzzRQL_RUFQ2WGhkaU9fbFk/view

Uruchom update.php, żeby zaktualizować dane. Zrobiłem na plikach, bo nie chciało mi się tworzyć bazy, a poza tym jest to tylko przykład.

Co sekundę wysyłany jest numer ostatniej wersji pobranej z serwera. Serwer odsyła nowe dane, jeśli wersja na serwerze jest nowsza. Ogólnie trzeba zaprojektować całą logikę po obu stronach i zrobić tak, żeby wysyłało jak najmniej.

Zdaję sobie sprawę z tego, że można to nieco ograniczyć, np. wysyłać zapytanie tylko wtedy, gdy zostanie wykryta pewna aktywność użytkownika.

Potrzebujesz serwera HTTP (np. apache, nginx, lighttpd) oraz PHP. Do potrzeb deweloperskich wystarczy ci serwer wbudowany w PHP.

php -S 127.0.0.1:80 -t "C:\public_html"
+2 głosów
odpowiedź 2 listopada 2017 przez Mikołaj Kawczynski Dyskutant (9,160 p.)
Jak chcesz aby to serwer inicjował zdarzenie po stronie to raczej websockets a nie AJAX. Bo w ajaxie musiał być co chwile wykonywać riquest do serwera, nawet jak by rekord nie ulegał żadnej zmianie.
0 głosów
0 głosów
odpowiedź 2 listopada 2017 przez Michał Kazula Pasjonat (19,540 p.)

AJAX (ang. Asynchronous JavaScript and XML, asynchroniczny JavaScript i XML) – technika tworzenia aplikacji internetowych, w której interakcja użytkownika z serwerem odbywa się bez przeładowywania całego dokumentu, w sposób asynchroniczny.

Teraz tak. Musisz budować dynamicznie zawartość strony przy użyciu JavaScript. Np Tworzenie tabelki przy pomocy jakieś funkcji do której przekażesz jako argument zawartość JSON zwróconą z AJAX'a.

Jest też taka funkcja w JS co się zwie window.setTimeout().

komentarz 2 listopada 2017 przez SzukającyPrzygód Bywalec (2,310 p.)

A da się w php bądź w javascript stworzyć takie coś aby odświeżało tylko to co jest w określonym obszarze zaznaczonym na stronie np. aby odświeżało tylko

<div id="center"><div id="left"></div><div id="right"></div></div>

 

komentarz 2 listopada 2017 przez Michał Kazula Pasjonat (19,540 p.)
Do tego służy właśnie atrybut "id" w znaczniku div. Element na stronie o danym id może być tylko jeden. Odwołujesz się do niego w JS właśnie dzięki id.
komentarz 2 listopada 2017 przez Tomek Sochacki Ekspert (227,510 p.)
ewentualnie można pobawić się web socket, wtedy nie potrzeba kombinowania z setTimeout ale to już zależy w sumie od projektu i konkretnej sytuacji, rozwiązań jest kilka.
komentarz 6 listopada 2017 przez SzukającyPrzygód Bywalec (2,310 p.)

a odświeżanie diva dałoby się podpiąć jakoś pod AJAX ale bez użycia

url: 'index.php'

 

Podobne pytania

0 głosów
1 odpowiedź 266 wizyt
pytanie zadane 27 lipca 2020 w PHP przez _Pita_ Stary wyjadacz (11,410 p.)
0 głosów
0 odpowiedzi 480 wizyt
pytanie zadane 7 października 2021 w JavaScript przez Piotr Popławski Użytkownik (610 p.)
0 głosów
1 odpowiedź 1,341 wizyt
pytanie zadane 4 lipca 2017 w JavaScript przez `Krzychuu Stary wyjadacz (13,940 p.)

92,452 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...