如何使用html保存数据

时间:2019-07-06 23:53:57

标签: javascript html

我如何在网页上保存一些数据?我希望网站可以保存有关选举投票的数据,然后我将对数据进行爬网以计算所有投票。因为我需要检查高中的所有班级。我做到了,它可以工作,但只能在我的计算机上工作。如果另一个管理员将某些数据保存在网页上,则无法检查计算机中的数据。我认为本地存储是错误的方式。简而言之,我想制作一个可以保存所有人都能看到的数据的网页。因为我必须在高中时抓取该数据来计算选票。我知道效率不高,但是我学会了爬网,所以我想使用它。谢谢:)

我使用了localStorage,但我认为它无法按预期工作。我希望网页保存任何计算机都可以看到的数据,但是只有保存数据的计算机才能看到它。所以我需要另一种方式。

<!DOCTYPE html>
<html>
<head>
<title>election system </title>
<script>
 function submit_c1() {
  var newItem_c1 = document.createElement("div");
  newItem_c1.innerHTML = document.getElementById("c1").value;
  newItem_c1.onclick = removeItem_c1;
  document.getElementById("list1").appendChild(newItem_c1);
  saveList_c1();
 }

 function removeItem_c1() {
  document.getElementById("list1").removeChild(this);
  saveList_c1();

 function saveList_c1() {
  localStorage.storedList1 = document.getElementById("list1").innerHTML;
 }

 function loadList_c1() {
  document.getElementById("list1").innerHTML = localStorage.storedList1;
  for(var i = 0; i < list1.children.length; i++) {
   list1.children[i].onclick = removeItem_c1;
  }
 }
</script>

我希望所有人都能在我制作的网站上看到保存的数据。但数据只能在计算机上看到,而在其他计算机上则看不到:)

2 个答案:

答案 0 :(得分:0)

正如Maria所说,诸如LocalStorage和API IndexedDB之类的JavaScript解决方案用于将数据存储在用户的浏览器中,并且只能在同一浏览器中使用。我还建议您安装后端结构化数据库(像SQL或NoSQL这样的MongoDB之类的关系),并为使其持久化,请使用某些服务器语言,如PHP,Java,C#或NodeJS。

答案 1 :(得分:-1)

您需要一个后端。 localStorage仅将其存储在用户的浏览器中,并且在用户清除其缓存后将消失。 (毕竟,它称为本地存储)

这是一个非常容易设置的后端,包括数据库:https://firebase.google.com/