js实现还原问题

Question

我有个功能不知道该怎么做，求大神们指导。
有一个页面是这样的：
    1         箭头
    2         箭头
    3         箭头
             .....
    9         箭头
箭头可以上下交换位置，
比如交换后变成
    3
    1
    2
    ...
    7
然后保存到数据库里成字符串形式3&1&2&...&7
当我下次再刷新页面时，还是交换后的样子，和数据库里的顺序保持一致，我已经从数据库中取出来了这个字符串，并且在jsp中接收到了，但是我又应该怎么把它按照这个顺序显示出来呢？JavaScript数据库JSP

Answer 1

对啊，但是，如果我再刷新页面，它就不是交换后的顺序了，我想让页面刷新后还是交换后的样子。比如，我从数据库里取出来的字符串是3&1&2&...&7
当我刷新页面时是交换前的样子，我想按照取出来的这个字符串将它还原，也就是说我再刷新页面时还是交换后的样子。

Answer 2

打开或刷新时，数据重新load，按你接受到的顺序重新加载。window.onload=function(){
for ( each record ) {
...// add new element, div or tr or ...
}
};

Answer 3

var array = ['node1','node2','node3'];  // 数组内容为需要出现的箭头html代码
var strArr = str.split('&'); // str为数据库存储的字符串
for(var in strArr){
    element.append(array[strArr[i] - 1]);    // element为目标容器
}