Question

在我的网站上，我从表单中获取用户输入，并将其添加到查询插件中以在屏幕上输出。很高兴获得用户输入，但是一旦刷新页面，所有输入都会丢失并重置。如何保存用户输入，以便即使刷新页面，数据也会保留在那里？你可以用我的代码给我看看吗？

<html>
 <head>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="textualizer.min.js"></script>
</head>

<style type="text/css">

#txtlzr{color:#585856; font-size:50px; width:1200px; height:100px;
margin-left:10%;
margin-top:80px;
font-family:"futura";
position: fixed;
}
 </style>

<body>

   <div id="txtlzr"></div>
    <form action="#" method="post"/>
      <fieldset>
       <label for="kwote">Comment:</label>
       <input class="kwote" type="text" maxlength="40" id="kwote"
         placeholder="Enter a something here."/>
       <lable for="name">Name:</label>
       <input class="name" type="text" maxlength="17" id="name"
         placeholder="Enter your name."/>
       <input class="post" type="button" value="Add comment"
         onclick="add_comment();" />
     </fieldset>
   </form>


 <script language="javascript">
    var COMMENTS_FOR_DISPLAY = new Array('Thanks for the help: nick');

    // Adds a new comment, name pair to the Array feeding textualizer.
    function add_comment() {
      // Retrieve values and add them to Array.
      var new_comment = $('#kwote').val();
      COMMENTS_FOR_DISPLAY.push(new_comment + ': ' + new_name);

      // Reset <input> fields.
      $('#kwote').val('');
      $('#name').val('');
    }

    $(document).ready(function() {
      var txt = $('#txtlzr');  // The container in which to render the list

       var options = {
        rearrangeDuration: 5, // Time a character takes to reach its position
        effect: 'random',     // Animation effect the characters use to appear
        centered: true        // Centers the text relative to its container
  }

  txt.textualizer(COMMENTS_FOR_DISPLAY); // textualize it!
  txt.textualizer('start'); // start
});
</script>
  </body>
</html>
 </html>

感谢chris btw帮助我提供意见。

Answer 1

除了页面上的代码之外，还有很多其他内容。在完成任何其他操作之前，您必须拥有服务器端语言并将访问权限写入数据库服务器。

如果您没有选择语言和平台，可以查看Flask tutorial或Django tutorial。两者都要求您设置服务器，但使用SQLite，一个基于文件的数据库系统，因此您不需要处理数据库服务器。

在服务器上保存信息，然后将其恢复

1 个答案: