ajax - 我想通过ajax从codeigniter中的foreach循环获取特定的图像ID

Question

我想从foreach循环中获取图像的特定记录，然后我想将此值带到另一个页面

<?php foreach($portfolio_image as $image):?>
    <h3><?=$image->portfolio_image_title?></h3>
    <p><?=$image->portfolio_image_detail?></p>
    <a id="lin" href="#portfolio-si" data-id="<?=$image->portfolio_image_id?>">
<?php endforeach;?>

<script>
         $(document).ready(function(){
             $('#lin').click(function(evt){
               evt.preventDefault()
                   $.ajax({
                       type : 'POST',
                       url  : "<?=base_url();?>index.php/home/single_portf",
                       data : {id:$('#lin').attr('data-id')},
                       cache : false,
                       success: function(data){
                           $('#portfolio-sig').html(data);
                       }
                    });
      });
</script>

Answer 1

你可以class="lin"像下面这样使用：

<a id="lin" class="lin" href="#portfolio-si" data-id="<?=$image->portfolio_image_id?>">

更改 jquery onclick 功能，如下所示：

$('.lin').click(function(evt){

然后使用 jquery$(this)方法，如下所示：

data : {id:$(this).attr('data-id')},

所以，最后：

<?php foreach($portfolio_image as $image):?>
    <h3><?=$image->portfolio_image_title?></h3>
    <p><?=$image->portfolio_image_detail?></p>
    <a id="lin" class="lin" href="#portfolio-si" data-id="<?=$image->portfolio_image_id?>">
<?php endforeach;?>

<script>
$(document).ready(function(){
    $('.lin').click(function(evt){
        evt.preventDefault();
        var id = $(this).attr('data-id');

        $.ajax({
           type : 'POST',
           url  : "<?=base_url();?>index.php/home/single_portf",
           data : {id: id},
           cache : false,
           success: function(data){
               $('#portfolio-sig').html(data);
           }
        });
    });
});
</script>