我目前正在做一个项目,我想知道是否可以点击图像然后它会向数据库发送查询。因为我正在做一个关于在线菜单的项目。我将点击图像,然后将在数据库中发送查询,之后客户订单将显示在屏幕的一侧。这可能吗?如果是这样的话?
答案 0 :(得分:0)
你真的有几种方法可以做到这一点。最简单的方法是在链接标记中包围您的图像,如下所示:
<a href="/item_ordered.php?item_id=1"><image /></a>
然后,您可以使用实际刷新处理点击。或者,如果您不希望页面刷新,则可以使用ajax处理它。
在另一个php页面上做你的工作。
答案 1 :(得分:0)
如果您需要通过ajax执行此操作。假设您想要在div'stagedetails'中加载从服务器发送的内容。您可以将其指定为图像标记(使用jquery:
<img src="url/of/image" onclick="$('#itemdetails').load('http://yoursiteurl/items?id=itemid')">
答案 2 :(得分:0)
对我这样做的最好方法是使用这样的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);
});
}
});
}
php文件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" />