PHP 和 MySQL 图像一键操作脚本

Question

我目前正在做一个项目，我想知道是否可以单击图像然后它会向数据库发送查询。因为我正在做一个关于在线菜单的项目。我将单击图像，然后将在数据库中发送查询，之后客户订单将出现在屏幕一侧。这可能吗？如果是这样怎么办？

Answer 1

对于如何做到这一点，您确实有多种选择。最基本的是将图像包围在链接标记中，如下所示：

<a href="/item_ordered.php?item_id=1"><image /></a>

然后您可以通过实际刷新来处理点击。或者，如果您不想刷新页面，也可以使用ajax 来处理。

在另一个 php 页面上完成您的工作。

Answer 2

如果你需要通过ajax来做到这一点。假设您要在“itemdetails”div 中加载从服务器发送的内容。您可以将其指定为图像标签（使用jquery：

<img src="url/of/image" onclick="$('#itemdetails').load('http://yoursiteurl/items?id=itemid')">

Answer 3

对我来说最好的方法是使用 jquery，如下所示：

Javascript:

function orderedSomething(id) {
    $.post("ajaxOrder.php",{ orderID:id,rand:Math.random() } ,function(response) {
        if(response=='ok') {
         $("#alert").fadeTo(250,0.1,function() { 
              $(this).html('Your order is coming.').fadeTo(150,1);
         });
    } else {
         $("#alert").fadeTo(250,0.1,function() { 
              $(this).html(response).fadeTo(150,1);
         });        
        }
    });
}

The php file ajaxOrder:

<?php

     if($_POST['orderID']) {
      $res = $query('check stock'); //Assuming that there is no info related to your table
      if(mysql_num_rows($res)>0) {
         $query('insert DB'); //Assuming that there is no info related to your table
         echo 'ok'; 
      } else {
         echo 'Your order is out of stock';
      }
     }
 ?>

所以你的 html 应该是：

<div id="alert"></div>
<img src="images/ice-cream.gif" onClick="orderedSomething(<?=$iceId?>)" style="cursor:pointer" />