javascript - 如何有效地将通过 javascript 对 html 文档所做的本地更改更改回服务器？

Question

假设您显示一个 div 列表，每个 div 代表一个具有特定属性的列表项(例如，待办事项列表):

<div class="list">
    <div class="items" id="item1">
        <div class="itemtitle">Some title</div>
        <div class="icon"><img src="1.jpg"></div>
        <div class="footer1" />
    </div>
    .
    .
    .
    <div class="items" id="itemN">
        <div class="itemtitle">Some other title</div>
        <div class="icon"><img src="2.jpg"></div>
        <div class="footer4" />
    </div>
</div>

现在每个项目都有三个属性(标题、特定图标和自定义页脚)。所有这些属性都可以通过 javascript 更改(比如单击一个选项循环)。 现在，每次更改内容时，我都想将这些更改保存到服务器(不，我不想存储整个 html 代码块(这样我以后就无法按属性排序，而且很丑陋；))。执行此操作的最优雅和有效的方法是什么？ (如果有帮助，我正在使用 jQuery...)

非常感谢!

Answer 1

只要每个 block 都有一个唯一的 id，就可以将该元素的每个更改推送到模糊。

用户更改了#item4 中的 .itemTitle，您知道 id 是 4。因此您可以使用 ajax post，发送项目 id、项目类型(标题)和更新后的值。然后，在服务器端(例如 php)，您可以执行简单的 mysql(我假设)更新。

这有意义吗？如果需要，我可以展示实际代码。