Question

我想知道如何保存简单的列表（<ul><li></li></ul>）服务器端。我从来没有这样做过。我做的是本地存储。 Localstorage非常简单，因为您可以将localStorage添加到您想要的内容中：

$('.myObject').css('color', localStorage.mySavedColor);

然后在函数中调用它：

function saveColor() {
  localStorage.mySavedColor = true;
}

那么，服务器端存储是否一样？我觉得它有点复杂吧？确切地说，我尝试在this codepen服务器端保存列表（使用来自用户输入的javascript创建）。

<div id="content">
  <section class="tabcontent">
    <ul class="plannerlist">
    </ul>
  </section>
  <section class="tabcontent">
    <ul class="plannerlist">
    </ul>  
  </section>
  <section class="tabcontent">
    <ul class="plannerlist">
    </ul>
  </section>
  <section class="tabcontent">
    <ul class="plannerlist">
    </ul>
  </section>
  <section class="tabcontent">
    <ul class="plannerlist">
    </ul>  
  </section>
  <section class="tabcontent">
    <ul class="plannerlist">
    </ul> 
  </section>
</div>

javascript会在特定的<ul>中创建列表项，我想保存服务器端。

Answer 1

那么，服务器端存储是否一样？

不，不是。你提到的没有像localStorage这样的javascript内置服务器端存储。

Answer 2

Javascript是一个在客户端浏览器中运行的程序。如果你想保存服务器端的东西，你必须得到一个服务器并实现这样的功能。

您的应用似乎会有多个用户。

这意味着：

您必须通过某种授权区分一个用户和另一个用户。请记住，大多数用户往往讨厌通过电子邮件注册和确认帐户。
更好的想法是保存Planner Events的文本，而不是带有文本的HTML标签。 HTML标签向用户提供的信息很少，并且可以打开许多漏洞（想想保存未转义的标签而不是文本）。

您正在寻找的是服务器端脚本，这与客户端脚本有很大不同。查看W3S tutorial on PHP即可开始使用。

编辑：我建议您在PC上本地购买免费共享主机或构建网络服务器。查看WampServer或XAMPP在本地运行服务器，或谷歌任何免费的php mysql虚拟主机。

将简单列表服务器支持/存储到localstorage

2 个答案: