如何在 php 循环中使用自定义属性获取 ajax 响应

Question

我正在使用 ajax 和 php，我在循环中有以下按钮，我只想 在 jquery 中使用“attr”在正确的位置/div 上显示/获取数据（数字），但在我这边不起作用

这是我的循环按钮

<?php
foreach //

 <button class="btn likebutn_r" data-datac="1" data-datacw="<?php echo $WalletAddress; ?>" data-datacr="<?php echo $rev->id; ?>" data-datacoin="<?php echo $rev->coin_id; ?>" data-datasymbol="<?php echo $rev->symbol; ?>" id="show<?php echo "1";?>"  value="1" type="submit"><img src="<?php echo base_url(); ?>/assets/img/thumb.png" height="24" width="24"></button>
 
 <div id="<?php echo $rev->id; ?>">12(dynamic)</div>
endforeach//

这是我的 ajax 代码，如何使用自定义属性（通过 ReviewId）获取数据？提前致谢

<script type="text/javascript">
    $(document).ready(function () {
        $('.btn').click(function (e) {
            var vote = $(this).data('datac');
            var review = $(this).data('datacr');
            var CoinId = $(this).data('datacoin');
            var symbol = $(this).data('datasymbol');
            var WalletAddress = $(this).data('datacw');

            var datacrp = $(this).data('datacrp');
            $('#' + review).hide();
            e.preventDefault();
            $.ajax({
                type: 'POST',
                url: '<?php echo base_url();?>main/AddVote',
                data: {
                    vote: vote,
                    review: review,
                    CoinId: CoinId,
                    symbol: symbol,
                    WalletAddress: WalletAddress
                },
                success: function (data) {
                    alert(data);
                    $('#' + review).html(data);
                }
            });

        });
    });
</script>

Answer 1

希望此代码对您有所帮助。 *提醒下面的js代码必须在php文件中实现，所以post url ajax会得到值。

$('body').on('click', '.btn', function(e){ 
  var allData = {
    "vote": $(this).data('datac'),
    "review": $(this).data('datacr'),
    "CoinId": $(this).data('datacoin'),
    "symbol": $(this).data('datasymbol'),
    "WalletAddress": $(this).data('walletaddress'),
  }
  e.preventDefault();

  $.ajax({
      type: 'POST',
      url:'test.com',
      data: allData,
      success: function(data) {
            $(this).attr('data-datac', data['vote']);
            $(this).attr('data-datacr', data['review']);
            $(this).attr('datacoin', data['CoinId']);
            $(this).attr('data-datasymbol', data['review']);
            $(this).attr('data-datacoin', data['review']);
            $(this).attr('data-datasymbol', data['symbol']);
            $(this).attr('data-walletaddress', data['WalletAddress']);
      }
  });
});

<button 
class="btn likebutn_r" 
data-datac="1" 
data-datacw="teste"
data-datacr="asdfasf" 
data-datacoin="asdfasdf"
data-datasymbol="asdfasdf"
data-datacrp="asfsa"
id="31"
data-walletaddress="dsaf"
value="1" 
type="submit">Hello</button>

<script
  src="https://code.jquery.com/jquery-3.6.0.min.js"
  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  crossorigin="anonymous"></script>