添加新参数时，如何仅刷新或更改内容？

Question

我有几个页面，用户可以在其中添加和删除内容以更新结果。即在“购物清单”页面中，用户可以添加/删除饮料以查看他们需要的成分。

这些饮料中的每一种都使用 PHP 存储在一个 cookie 中，因此用户可以导航和浏览该网站，然后返回而无需再次添加饮料......

当用户执行此操作时，添加/删除饮料时，整个页面都会重新加载。
饮料会立即添加到 cookie 中，在任何 html 和其他内容之前，然后再次刷新，以便根据现在存储在 cookie 中的值构建 php.mysql.query。

我认为这是很多不必要的重新加载和东西。它应该更像是刷新需要更改的实际内容，而不是重新加载其他所有内容 - 大量不必要的 mysql 请求只是为了从购物清单中添加/删除饮料。这当然会减慢网站速度..

每当加载页面时，我都需要检查 cookie 以显示正确的结果。然后，当用户添加/删除饮料时，我想在后台执行此操作（更新 cookie 并更新结果）。希望这可以加快用户体验。

我有一个网站正在运行 - 作为“原型”：http://barkeeper.thomaskile.me/?side=handleliste（挪威网站，但谷歌翻译可以让您了解它所说的内容。刚刚测试过......）

到目前为止，我网站上的所有三个页面都是如此。

关于如何完成此任务的任何建议？它是某种 jquery.AJAX 的东西吗？如果是这样。我从哪里开始任何类型的 ajax 事情。不确定当用户不做任何事情时（在页面加载时）这在实践中是如何工作的......

Answer 1

这通常是通过操作 DOM 来完成的。

从一个列表中删除元素并在另一个列表中创建它。

Checkout jQuery - javascript 库。