comment envoyer les détails cachés lorsque cliquez sur l'image dans while

Question

ceci est mon code

while ($row = $result->fetch_assoc()) 
{ 
$imgpath=$row['image_name']; 
$id=$row['id']; 
<input type="hidden" name="Id" value="' . $row['Id'] . '" > 

ici quand je clique sur Envoyer ID à la page suivante

<img src="'.$imgpath.'" height="170" width="600" title="album-name" class="img-responsive" alt=" " /> 
} 

puis-je utiliser forme pour cela?

Answer 1

jQuery AJAX fera le travail. Vous avez juste besoin d'attacher une fonction de gestionnaire d'événements pour l'événement click à l'image. Nous n'avons pas besoin du hidden element, nous allons attacher $row['id'] à l'attribut id de l'élément <img>, puis sur le clic, nous l'affichons via Ajax.

Essayez ceci:

//First, make the id attribute of the <img> equal to $id($row['id']) 
<img src="'.$imgpath.'" id="$id" height="170" width="600" title="album-name" class="img-responsive" alt=" " /> 

Ensuite, ajoutez le gestionnaire d'événements:

$('body').on('click','img',function(){ 
    var id = $(this).attr('id');// Get the id 
    $.post("target.php", {id : id}, function(data) {//Post the id to the target page 
    //Do whatever.. 
    }); 
}); 

Answer 2

essayez ceci:

<a href="pageName.php"><img src="'.$imgpath.'" height="170" id=id="requestthis" width="600" title="album-name" class="img-responsive" alt=" " /></a> 

<input type="hidden" id="hidden_user_id">

et vous pouvez utiliser JS comme ceci:

<script type="text/javascript"> 
$(function() { //ready function 
    $('#requestthis').on('click', function(e){ //click event 
     e.preventDefault(); //prevent the click from redirecting you to "submitrequest.php" 

     var hidden_id = $('#hidden_user_id').val(); 
     var url = "submitrequest.php?hidden_id="+hidden_id; 

     window.location.replace(url); 
     //OR 
     //window.location.href = url; 
    }) 
}) 

Answer 3

vous pouvez utiliser .base64_encode vous risquez de rendre l'identification sécurisée :

<a href="pageName.php?id='.base64_encode($id)'"><img src="'.$imgpath.'" height="170" width="600" title="album-name" class="img-responsive" alt=" " /></a>