mysql循环 - 预加载数据？答案

【问题标题】：mysql loop - pre-load data?mysql循环 - 预加载数据？
【发布时间】：2015-02-28 19:15:40
【问题描述】：

我正在组合一个拖放页面，其中包含由 sql 表填充的内容的可拖动框。一旦一个框被拖走，它就会消失，并出现一个带有新数据的新框。

我只想在任何时候出现 15 个框，但我不确定如何使用 SQL 来执行此操作，因为在加载后会发生框的拖放，所以 php 无法帮助我 - 做我需要在页面加载之前将框名称列表预加载到 js 数组中吗？这是否意味着我的整个名单都会向公众公开？

我已经使用 xml 表编写了这个，我正在迁移到 sql。这是我编写的函数，每次发生 JQuery drop 事件时都会调用它：

function AddNextSkill() {

var div = document.getElementById('productbox');
div.innerHTML = div.innerHTML + '<div class="product" id= "box' + RunningCount +' "><h4>' + MyToolList[RunningCount][1] + "</h4></div>";
RunningCount += 1;
$("#productbox .product").draggable({//JQUERY DETAILS//}
});

在这种情况下，我在 JS MyToolList[i][j] 中创建了一个预加载数组，其中包含工具列表及其 ID。

这是一种低效的方法吗？使用sql而不预加载任何表会更好吗？

【问题讨论】：

好吧，我想你可以：加载 50 个项目，隐藏 35 个，每次发生丢弃事件时显示另一个项目或加载 15 个项目，每次发生丢弃事件时执行 ajax 调用加载还有 1 项。

标签： javascript php jquery mysql

【解决方案1】：

我通过以下方式解决了这个问题：

我创建了一个 AJAX 调用，它只返回表中的下一行（带有

LIMIT $_GET[rownum], 1

在 SQL 查询结束时调用。然后，每次发生丢弃事件时，我都会调用此 AJAX 调用。唯一的诀窍是您必须将新盒子重新建立为可放置的。

function AddNewRow() {
    var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var div = document.getElementById('productbox');
            div.innerHTML = div.innerHTML + xmlhttp.responseText;
        }
    }

    xmlhttp.open("GET", "AddNewTool.php?rownum=" + RunningCount, true);
    xmlhttp.send();

   $("#productbox .product").draggable({//JQUERY DETAILS//}
   });

【讨论】：