javascript - 无法使用 php 循环在 jquery 中获取按钮值/属性

Question

我正在使用 PHP 处理 jQuery 中的“喜欢”和“不喜欢”模块，我面临这两个问题：

1. 现在无法获取id按钮（喜欢=1，不喜欢=0）
2. 查询显示正确结果但如何在“不喜欢”部分下显示 ajax 响应？

这是我的代码，下面是 foreach 循环中的代码：

<?php foreach // ?>
 <form class="form-horizontals1" method="post" >
                <input type="hidden"  id="ReviewId" name="ReviewId" value="<?php echo $rev->id;?>">
                
             <button class="likebutn_r" id="show<?php echo "1";?>"  type="submit"><img src="<?php echo base_url(); ?>/assets/img/thumb.png" height="24" width="24"></button>
             <label class="lilkcount">10(dynamic) </label>
            
            <button class="likebutn_r" id="shows<?php echo "0";?>"  type="submit"><img src="<?php echo base_url(); ?>/assets/img/thumbdown.png" height="24" width="24"></button>
             <label class="lilkcount">5(dynamic)</label>
        <div id="counter"></div>
        </form>
    <?php end foreach // ?> 
<script type="text/javascript">
    $(document).ready(function(){
        //likebutn_r
        $('.form-horizontals1').submit(function(e){
            
var ids = $(this).attr('ids');
 console.log(ids);          
        alert($(this).attr("id"));  
                e.preventDefault(); 
 $.ajax({
 url:'<?php echo base_url();?>main/AddVote',
 type:"post",
 data:new FormData(this),
 //dataType: 'json',
 processData:false,
 contentType:false,
 cache:false,
 async:false,
 success: function(data){
     console.log(data);
     alert(data);
    $('#counter').html(data); 
 }
 
 });
        });
    });
</script>
    

这是我的控制器代码，请告诉我如何在脚本中获得“不喜欢”值以及如何在视图中显示结果？

function AddVote()
    {
        $ReviewId=$_POST['ReviewId'];
        $vote=$_POST['vote'];
        echo $result['TotalUpVotes'] = $this->M_main->CountSubmittedCoinVote($ReviewId,$vote);
        echo $result['TotalDownVotes'] = $this->M_main->CountSubmittedDownVotes($ReviewId,$vote);
    } 

标签： javascriptphpjqueryajax

Answer 1

1. 首先，将表单移到循环之外。

    <form class="form-horizontals1" method="post" >
    <?php foreach // ?>
    <div class="my-rev-container js-rev-container">
    ...
    </div>
    <?php end foreach // ?>
    </form>
   

2. 向输入添加一个类，您可以使用

    <input type="hidden" class="js-form__rev" id="ReviewId" name="ReviewId" value="<?php echo $rev->id;?>">
   

3. 最后访问它们

    $('.form-horizontals1').submit(function(e){
    var ids = $(this).find(".js-form__rev");
    console.log(ids);