2016-08-04 153 views
5

我一直在嘗試編碼,不完全是評論,但只是一些簡單的。用戶鍵入內容,並在網站上保持。比如,如果我輸入'hello',一旦我提交了評論,如果我刷新頁面,我仍然會看到我的評論。如果可能有一個人可以輸入他們的名字並且他們的姓名也會保持不變的字段也是有幫助的。我編寫這一點,但我想不出有評論呆在那裏如何編碼保存的評論?

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>
我只是想知道我錯過了什麼,如果有一個在HTML或jQuery的東西來解決這個。謝謝。

+1

你缺少的是服務器端代碼 –

+0

你想讓其他用戶看到該評論嗎? – yuriy636

+2

你會想傳遞給服務器端頁面的評論,並將評論存儲在服務器上......服務器端語言和數據庫的例子'php' ...'''也許?使用javascript或jQuery來追加事物只是客戶端,一旦頁面重新加載/刷新,將會被遺忘。 – NewToJS

回答

0

您可以使用瀏覽器的localStorage來保存您的數據。

要在多個用戶之間共享相同的數據,您可以使用客戶機 - 服務器體系結構,其中任何瀏覽器都可以充當客戶機,而另一個單獨的程序充當服務器,則服務器將負責處理服務,持久性並以類似於此的方式更新數據:

  1. 客戶端向服務器請求網頁。

  2. 服務器使用其所有用戶註釋在其 存儲庫(數據庫,文件等)中填充頁面並將其發送到客戶端。

  3. 如果用戶添加評論,則客戶端將評論發佈到 服務器。
  4. 服務器將評論添加到其存儲庫,並通知所有連接的客戶端新增消息。

可以上手here

+2

只需要注意,localStorage只會爲輸入註釋的用戶持續存在。它不會被其他人看到。另外,還有一些後端即服務提供商,它們基本上可以幫助您抽象出編寫服務以存儲評論的過程。 –