Javascript 使用HTML5 Drag&;在MYSQL中保存div的值;滴

Javascript 使用HTML5 Drag&;在MYSQL中保存div的值;滴,javascript,php,mysql,html,drag-and-drop,Javascript,Php,Mysql,Html,Drag And Drop,这很简单,我有3个小div(1,2,3),需要把它们放在另外3个div(4,5,6)中。没问题,但是我需要将数据保存在MySQL上,比如4-1、5-2、6-3……我可以使用javascript警报来显示数字(id),但是……如何使用PHP将其保存到MySQL?这不是一个表格,我不能通过获取…想法来帮助这个noob,好吗?谢谢 如果您可以从javascript代码中获得4-1、5-2、6-3值,那么将相同的值传递给另一个php代码,该代码使用AJAX技术进行数据库连接和查询,以向表中插入值 使用a

这很简单,我有3个小div(1,2,3),需要把它们放在另外3个div(4,5,6)中。没问题,但是我需要将数据保存在MySQL上,比如4-1、5-2、6-3……我可以使用javascript警报来显示数字(id),但是……如何使用PHP将其保存到MySQL?这不是一个表格,我不能通过获取…想法来帮助这个noob,好吗?谢谢

如果您可以从javascript代码中获得4-1、5-2、6-3值,那么将相同的值传递给另一个php代码,该代码使用AJAX技术进行数据库连接和查询,以向表中插入值

使用ajax将数据提交到data.php页面,然后您应该使用以下mysql查询在数据库中插入值

<?php
$con=mysqli_connect("host-name","username","password","database name");
// Check connection
if (mysqli_connect_errno())
  {
  echo "Failed to connect to MySQL: " . mysqli_connect_error();
  }

mysqli_query($con,"INSERT INTO tablename(col1, col2, col3)
VALUES ('value1', 'value2','value3')");

mysqli_close($con);
?>

您可以尝试使用ajax。在按钮上单击获取div值并将其发送到php页面以插入mysyql

var value= $('#div1').html();
$.ajax({
url: 'save.php',
type: 'POST',
data: {
value: value
}
});

向php脚本发出ajax请求,并将数据发布到mysql中保存