我有一个网页,其中包含三个 <div>
元素:
Right_bar
包含几种布局(与本题无关)
Bottom_bar
包含几个组件,例如计算器、 Logo 、一组按钮等。每个组件使用 <div>
并且必须可以调整大小和拖动。
还有一个工作区,其中所有组件都被删除并调整大小。用户还可以在工作区的任何位置调整和更改组件的位置。 一旦用户设置了组件,则页面必须以相同的样式保存,即使刷新页面后也不应更改。
我的问题是:
- 我是否应该使用数据库来保存组件的位置。
- 我应该使用哪一个:JQuery/AJAX/其他?
如果您知道任何教程,请告诉我,尽管我是 JavaScript 的初学者,基本上是 Java 程序员。
注意:在服务器端我使用的是 Servlet。
最佳答案
每当用户放下一个元素时,启动一个简单的 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 变量。
关于java - 拖放和调整元素大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4622257/