2016-08-04 15 views
5

Próbowałem kodować, a nie dokładnie komentarze, ale po prostu coś prostego. Użytkownik coś wpisze, a na stronie internetowej pozostaje na stronie. Takich jak, jeśli wpisałem "cześć", po przesłaniu komentarza, jeśli odświeżyłem stronę, nadal widzę mój komentarz. Byłoby również pomocne, gdyby istniało pole, w którym dana osoba mogłaby wpisać swoje imię i nazwisko również pozostanie. Mam zakodowane tego, ale nie mogę dowiedzieć się, że komentarze tam pozostaćJak kodować zapisane komentarze?

h2 { 
 
    font-family:arial; 
 
} 
 

 
form { 
 
    display: inline-block; 
 
    border: 1px solid #23008B; 
 
} 
 

 
#button{ 
 
    display: inline-block; 
 
    height:20px; 
 
\t width:70px; 
 
\t background-color:#4000FF; 
 
\t font-family:arial; 
 
\t font-weight:none; 
 
\t color:#ffffff; 
 
\t border-radius: 5px; 
 
\t text-align:center; 
 
\t margin-top:2px; 
 
\t padding-top: 2px; 
 
} 
 

 
.list { 
 
\t font-family:garamond; 
 
\t color:#cc0000; 
 
\t 
 
}
<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    \t <title>Insert Comments</title> 
 
\t </head> 
 
\t <body> 
 
\t \t <h2>To Do</h2> 
 
\t \t <form name="checkListForm"> 
 
\t \t \t <input type="text" name="checkListItem"/> 
 
\t \t </form> 
 
\t \t <div id="button">Add!</div> 
 
\t \t <br/> 
 
\t \t <div class="list"></div> 
 
\t </body> 
 
</html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<script> 
 
    $(document).ready(function() { 
 
    $('#button').click(function() { 
 
     var toAdd = $('input[name=checkListItem]').val(); 
 
     $(".list").append("<div class = 'item'>" + toAdd + "</div>") 
 
    }); 
 
    }); 
 
</script>
Chciałbym tylko wiedzieć, co mi brakuje i czy jest coś w HTML lub jQuery rozwiązać ten problem . Dzięki.

+1

to, czego brakuje, to kod po stronie serwera. –

+0

Chcesz, aby komentarze były widoczne dla innych użytkowników? – yuriy636

+2

Będziesz chciał przekazać komentarz do strony po stronie serwera i zapisać komentarz na serwerze ... Przykład 'php' dla języka po stronie serwera i bazy danych ...' mojql' może? używanie javascript lub jQuery do dołączania rzeczy jest po stronie klienta i zostanie zapomniane po ponownym załadowaniu/odświeżeniu strony. – NewToJS

Odpowiedz

0

Możesz utrwalać swoje dane za pomocą przeglądarki internetowej localStorage.

Aby udostępnić te same dane wielu użytkownikom, można użyć architektury klient-serwer, w której dowolna przeglądarka może działać jako klient, a inny pojedynczy program jako serwer, to serwer będzie odpowiedzialny za obsługę serwowania, trwałość i aktualizacja danych w sposób podobny do tego:

  1. Klient żąda strony internetowej z serwera.

  2. Serwer zapełnia stronę wszystkimi komentarzami użytkowników w jej repozytorium (baza danych, pliku itp.) I wysyła je do klienta.

  3. Jeśli użytkownik doda komentarz, klient opublikuje ten komentarz na serwerze .
  4. Serwer dodaje komentarz do swojego repozytorium i powiadamia wszystkich podłączonych klientów nowo dodanej wiadomości o .

Możesz zacząć here.

+2

Po prostu notatka na ten temat, 'localStorage' będzie obowiązywać tylko dla użytkownika, który wpisuje komentarz. Nie będzie to widoczne dla nikogo innego. Alternatywnie, istnieje kilka dostawców usług Backend-a-a-Service, które pomogą ci w znacznym uproszczeniu procesu pisania usługi do przechowywania komentarzy. –