按钮点击从javascript发送数据到数据库

所以我有一个php页面从数据库中获取数据并显示一个表格。 每个td象征着电影院的座位。 我想要做的是当用户点击一个或多个tds，并点击发送时，数据库中每个td的状态列从0变为1（默认值）。 下次访问数据库时，状态为1的td具有不同的颜色。 我的代码到目前为止：

SCREEN
 
 <?php echo ""; $count=0; echo ""; echo""; while($row = mysql_fetch_array($sql)) { if($count<10){ echo ""; } $count++; } echo ""; $sql=mysql_query("SELECT * FROM Seating_para_20 Where Seat > '10'"); echo ""; echo""; while($row = mysql_fetch_array($sql)) { if($count>=10){ echo ""; } $count++; } echo""; echo "
 
 
Seating
 
A
" . $row['Seat'] . "
B
" . $row['Seat'] . "
"; ?> 
  

我的jquery代码是：

  $("td #Seat_A").click(function(){ $(this).css("background", "red"); }); $("td #Seat_B").click(function(){ $(this).css("background", "red"); }); $(document."done").click(function(){ alert(price:750 Baht); }) 

我无法接近我想要的东西，如果我的任何代码都是“amatuer-ish”，我很抱歉，但我是新手，我一直在努力。 非常感谢我能得到的任何帮助。

Answer 1

首先，您必须为表中的每个TD添加一个ID，即Seat ID ，例如：

 echo "" . $row['Seat'] . ""; 

然后使用Ajax将此ID发送到PHP脚本：

 $("td #Seat_A").click(function(){ var seat_number = $(this).data("seat"); $.ajax({ type: 'POST', url: "/take_a_seat.php", data: 'seat_number='+seat_number, success: function(data){ $(this).css("background", "red"); } dataType: "json" }); }); 

在PHP脚本中，您必须使用此ID执行您想要的座位，并返回true或false作为结果。 假设您在数据库表中有一个名为reserved的字段。 例如，您可以获取唯一ID并将该行更新为reserved = 1 。

Answer 2

试试这个易于使用的ajax脚本来完成你的任务

function：您可以在beforeSend部分向db发送数据之前显示gif img
从success部分的php文件中获取响应
在db in complete部分中的数据插入后隐藏img并显示成功或不成功的消息

 var myVar = 'your desire data you want to send to db'; $.ajax({ type: "POST", url:"scripts/dummy.php", data:"myVar="+myVar, beforeSend: function() { }, success: function(resp) { }, complete: function() { }, error: function(e) { alert('Error: ' + e); } }); //end Ajax 

Answer 3

Javascript是客户端。 您的数据库是服务器端..因此您必须使用php来更改数据库条目。

Answer 4

简而言之，如果你想在不重新加载页面的情况下执行PHP东西，那么就要使用AJAX。 您可以将它与您喜欢的JQuery一起使用 。

Answer 5

这是一个概述。 对于现有记录，您应该这样做

   '10'"); while($row = mysql_fetch_array($sql)) { if($row['status']==1) { $tdcolor = 'red'; } else { $tdcolor = 'blue'; } ?>   

要在页面加载后更改，您将执行ajax操作

在bookseat.php您将更改状态… :-)从此处阅读有关ajax的信息 。 🙂