Javascript 我想存储html表单中的数据。但我想将其保存到本地文件(文本或csv文件,用于分类)
我有一个项目是为了保存我看的一些电影。这是一个上市网站。 第1部分进入面板我将有一个面板,其中包括一个表格,我输入电影的规格名称、类别、演员等。。然后,当我单击submit按钮时,它会将数据保存在本地csv或txt文件中。当然,我应该能够将新电影附加到该文件中。 第2部分查看器和主页中,我需要在HTML表格中以行的形式查看电影。该表将由我保存的文件中的数据填充,我想Js循环是必需的。如果该主题与我所问的不同,如果有其他方法,请管理我如何搜索。我想我必须学习SQL来处理更复杂的数据存储。 以下是简单的网站:Javascript 我想存储html表单中的数据。但我想将其保存到本地文件(文本或csv文件,用于分类),javascript,python,html,local-storage,css-tables,Javascript,Python,Html,Local Storage,Css Tables,我有一个项目是为了保存我看的一些电影。这是一个上市网站。 第1部分进入面板我将有一个面板,其中包括一个表格,我输入电影的规格名称、类别、演员等。。然后,当我单击submit按钮时,它会将数据保存在本地csv或txt文件中。当然,我应该能够将新电影附加到该文件中。 第2部分查看器和主页中,我需要在HTML表格中以行的形式查看电影。该表将由我保存的文件中的数据填充,我想Js循环是必需的。如果该主题与我所问的不同,如果有其他方法,请管理我如何搜索。我想我必须学习SQL来处理更复杂的数据存储。 以下是简
<!DOCTYPE html>
<html>
<head>
<title>Film Lister</title>
</head>
<body>
<form>
<input type="text" name="movie-name">
<input type="text" name="movie-category">
<button type="submit">Append the movie to file</button>
</form>
<table id="showcase">
<tr class="movie">
<td class="movie-spec"></td>
<td class="movie-spec"></td>
</tr>
<tr class="movie">
<td class="movie-spec"></td>
<td class="movie-spec"></td>
</tr>
</table>
<script type="text/javascript">
//The part i need help
</script>
</body>
</html>
使用JavaScript保存数据相当容易:
// Save as File
function download(filename, text) {
var element = document.createElement('a');
element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
element.setAttribute('download', filename);
element.style.display = 'none';
document.body.appendChild(element);
element.click();
document.body.removeChild(element);
}
致电:
var csvContents = "1,2,3,4,5";
download("mydata.csv", csvContents);
不过,您需要弄清楚如何构造csvContents
我建议您学习jQuery,因为它非常容易修改或创建HTML/DOM元素,这正是您在这里所需要的。请注意,这是来自一个绝不是web应用程序专家并且来自不同领域的人
注意:如果要附加到文件,则需要权限,而浏览器在系统上没有权限。你应该考虑使用一个数据库。这样的数据通常存储在服务器上;浏览器中的JavaScript无论如何都无法直接访问硬盘。您可以改为使用localStorage,但如果您意外删除它或希望使用其他浏览器,则数据将丢失。我建议学习基本的PHP和mySQL并安装。这个问题对于这个网站来说也太宽泛了;你基本上需要初学者的教程,而网络上到处都是。