保存使用jquery移动的表格单元格的位置，并在刷新页面后将它们加载到这些位置

Question

我们现在有一个学校项目来创建一个网站。

这是目前的项目（不要介意它是德国人）： https://jsfiddle.net/MashiroShiina/w08czoLv/18/

javascript：

$(function() {
  $("#anfrage, #annahme, #bearbeitung, #abschluss, #auftraege").sortable({
    connectWith: ".projektgeneral",
    remove: function(e, ui) {
      var $this = $(this);
      var childs = $this.find('div');
      if (childs.length === 0) {
        $this.text("");
      }
    },
    receive: function(e, ui) {
      $(this).contents().filter(function() {
        return this.nodeType == 3;
      }).remove();
    },
  }).disableSelection();
});

你可以拖动＆amp;将2个项目分成不同的类别。

我们对javascript很新，并尝试找到与此相关的任何内容，但我们的问题如下：

我们在同一台主机上有一个SQL数据库，我们希望能够保存已移动的＆＃34; Projects＆＃34;在我们的数据库上，这样当我们重新加载页面时，它们仍然在我们留在它们的同一位置。

提前感谢有关如何解决此问题的任何建议。