PHP와 MySQL 이미지 클릭 액션 스크립트

Question

현재 프로젝트를 진행 중입니다. 이미지를 클릭하면 데이터베이스에 쿼리를 보낼 수 있는지를 알고 싶습니다. 나는 온라인 메뉴에 관한 프로젝트를하고 있기 때문에. 내가 이미지를 클릭하면 데이터베이스에 보낼 쿼리가 있고 그 다음에 고객이 화면 옆에 wil을 표시하라는 메시지가 표시됩니다. 이것이 가능한가? 그렇다면 어떻게?

Answer 1

정말 어떻게 할 것인지 몇 가지 옵션이 있습니다. 링크 태그에서 이미지를 둘러싸는 가장 기본적인 것은 다음과 같습니다.

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

그런 다음 실제 새로 고침으로 클릭을 처리 할 수 ​​있습니다. 또는 페이지를 새로 고치지 않으려면 아약스로 처리 할 수 ​​있습니다.

다른 PHP 페이지에서 작업하십시오.

Answer 2

아약스를 통해이를 수행해야하는 경우. div의 'itemdetails'에 서버로부터 전송 된 컨텐트를로드하려고한다고 가정 해 봅시다. 당신은 jQuery를 사용하여 (이미지 태그로이를 지정할 수 있습니다

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

Answer 3

과 같이 jQuery를 사용하고 나를 위해 그 일을하는 가장 좋은 방법 :

자바 스크립트 :

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" />