java - 拖放和调整元素大小

Question

我有一个网页，其中包含三个 <div>元素:

Right_bar包含几种布局(与本题无关)

Bottom_bar包含几个组件，例如计算器、 Logo 、一组按钮等。每个组件使用 <div>并且必须可以调整大小和拖动。

还有一个工作区，其中所有组件都被删除并调整大小。用户还可以在工作区的任何位置调整和更改组件的位置。 一旦用户设置了组件，则页面必须以相同的样式保存，即使刷新页面后也不应更改。

我的问题是:

1. 我是否应该使用数据库来保存组件的位置。
2. 我应该使用哪一个:JQuery/AJAX/其他？

如果您知道任何教程，请告诉我，尽管我是 JavaScript 的初学者，基本上是 Java 程序员。

注意:在服务器端我使用的是 Servlet。

Answer 1

每当用户放下一个元素时，启动一个简单的 Ajax 请求，将新值传递给服务器。

try {
   var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); // IE
}
catch(e)
{
   var xmlhttp = new XMLHttpRequest(); // Other browsers
}
xmlhttp.open('GET', 'yourServerScript.url?param=value', true);
xmlhttp.send(null);

您可能想通过处理 http 请求的“readystatechange”事件来检查请求是成功还是失败，但这在您的情况下似乎并不重要。之后，您只需在服务器端获取值，将其存储在 session 变量中，然后在每次加载页面时，在将其设置为默认值之前检查是否为该参数定义了 session 变量。