如何在 JavaScript 中创建待办事项列表

您的项目将包含以下混合：
-.HTML
- 中文名
-.PHP
- MySQL (可选(

需要考虑的事项：

(1( 列表存储在哪里？选项包括：PHP文本文件或MySQL数据库。数据库是最好的主意，在所有条件相同的情况下，它可能最容易编码。当然，如果您不需要在线提供的待办事项列表，您还可以选择在每个用户的浏览器中localstorage存储列表。然后就不需要PHP或MySQL，两者都在Web服务器上运行。如果您这样做是为了学习网络编程，但您无权访问虚拟主机帐户，那么下载xampp并在您自己的计算机上设置适当的网络服务器 - 提示：HTML 文件进入 c：''xampp''htdocs，您可以通过在浏览器地址栏中键入 localhost(没有别的(来查看网站

(2( 网页。您将需要两件事：(a( 显示已完成的待办事项列表，以及 (b( 向列表中添加新项目的能力。

(3( 显示当前列表。从数据库(或文件(中获取列表值并读入数组(数组就像火车，其中每个车厢都是包含数据的变量名称(。然后，遍历数组以创建 HTML 以显示当前列表。

(4( 为列表创建 HTML 后，添加一些 HTML(可能是带有标签的按钮(以允许创建新的列表项。

(5( 按下按钮时，显示带有适当字段的表单，以允许用户添加新的待办事项列表项。请注意，这不需要是 HTML <form> - 您可以使用 DIV 和输入字段，然后使用 jQuery 读取字段值，使用 AJAX 将数据值粘贴到数据库中。

关于AJAX的有用简单示例在这里：

使用 jQuery 的 AJAX 请求回调