Question

我正在尝试构建一个系统，其中我使用javascript首先检查数据库中的表，如果布尔列中的任何行“take”为false，则加载它然后将其加载到html中。

然后用户可以拖放图像，它将使用AJAX将布尔值更改为false。

到目前为止，我完成了下半场。丸当前只是html中的一个图像，它具有拖放功能，如果它被删除在某个div上，它目前只是将id为24的行更改为false（只是一个随机列进行测试）。

这一切都有效但我需要它来获取false的行并创建它们然后使用它们的id号将它们设置为false如果拖放。我不知道该怎么做。我的代码到目前为止：

action.js

function doFirst(){
init();

function dropped(e){
    e.preventDefault();
    var r=confirm("Are you sure you want to take this pill?");
    if (r == true)
    {
        //pressed ok do database stuff
        mypic.style.visibility = 'hidden';
    leftbox.style.border = '3px solid white';
        var pillid=24;
        data = "pillid="+pillid
        $.post('js/filetoupdate.php', data, function(data) {
            //Here you can get the output from PHP file which is (data) here
        });
    }
    else
    {
        //return pill to clock
    }


}
window.addEventListener("load", doFirst, false);


function init() {
}
?>

html

<div id="appframe">
  <div id="addbutton"><a href="medicineinput.php"><img src="images/addbutton.png" alt="add new medication image"/></a></div>
  <div id="message1"><h2>Todays medication</h2></div>
  <div id="message2"><h3>Drag and drop to take medication</h3></div>
  <div id="mouth"><img src="images/mouth.png" alt="mouth image"/></div>
  <div id="clock"><img src="images/clock/pill.png" alt="pill image" id="pillpic"/></div>
</div>

从数据库中获取Ajax数据

0 个答案: