拖放操作后更新数据库

时间:2014-02-19 12:03:28

标签: javascript php

我想在发生丢弃后更新数据库,drop操作为我提供了一个变量,它是我需要查找和更新的数据库行的ID。是否有可能将PHP代码放入我的javascript drop函数中,以便进行数据库查询?或任何其他想法我怎么能实现这一目标?我在javascript中的功能:

function drop(ev) 
{
    ev.preventDefault();
    var data=ev.dataTransfer.getData("Text");
    //variable data is the variable that i need to find and update that specific row in my database
    var addthis = document.getElementById(data);
    var parent = document.getElementById(ev.target.id);
    parent.style.backgroundColor="#e9e9e9";
    var todelete = parent.firstChild;
    parent.appendChild(addthis);
    parent.removeChild(todelete);
}

3 个答案:

答案 0 :(得分:0)

进行ajax调用并发布您想要的数据。

答案 1 :(得分:0)

不,在Javascript中执行PHP代码是不可能的。

您需要做的是对php页面进行ajax查询。您可以在此处获取有关如何执行此操作的详细信息:http://www.w3schools.com/php/php_ajax_xml.asp

有关XMLHttpRequest的更多信息:https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest

答案 2 :(得分:0)

您需要使用AJAX来执行此操作

首先在页面中包含一个jquery插件,如:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

然后将drop()编辑为:

<script>
function update(){
    //your codes here

    //ajax for saving data
    $.ajax({
        type:'POST',
        url:'update.php',
        data:{data:data},
        success: function(){
            alert('Updated');
        }
    });
}
</script>

然后你需要创建一个文件 update.php ,在该文件中你可以访问数据变量:

<?php
    $data   =   $_POST['data'];
    //save the $data as you wants
?>