jquery - 动态获取按钮Id

Question

我需要在点击按钮时获取按钮id---

这是我的按钮代码，用于在条件为真时动态显示数据。

Twig :

  {% for usr in userstats %}
    {% if usr.condition == TRUE %} 
        <button type="submit" class="btn btn-success btn-xs  myOnButton.onclick = function(event){alert(event.currentTarget.id);} myOnButton">Allow</button> 

这是我的按钮的 ajax ---

<script>
    $(".myOnButton").on('click', function () {
        if (confirm('{% trans %}Are you sure?{% endtrans %}')) {
            $('body').addClass('load');

            var url = '/hello/hello';
            // Submit data via AJAX
            var data = {};
            $.ajax({
                url: url,
                type: 'POST',
                success: function (data) {
                    // Redirect to view
                    url = '/hello';
                    location.href = url;
                }
            });
        }
        return false;
    });

为了更清楚 - 假设在一列中我们有(名称:Dell，CompanyId:3001，地址 - HelloDell，电话-07555，条件:True)，在另一列中我们有(名称:Apple，CompanyId:5001，地址 - HelloApple，电话 - 07555，条件:True)。

那么当点击 twig 文件中的按钮时，如何获取 CompanyId 呢？

有人知道这个问题的解决办法吗？

Answer 1

使用纯 JS(没有框架)并假设您有多个带有 myOnButton 类的按钮，您可以轻松执行此操作:

var buttonClickHandler = function(e){
  console.log(e.target.id);
}

var buttonList = document.getElementsByClassName('myOnButton');
buttonList.forEach(function(button){
  button.addEventListener('click', buttonClickHandler);
});

编辑1和编辑2:

使用 JQuery 我假设相应的代码看起来像这样:

$('.myOnButton').on('click', function(e){
  var buttonId = e.currentTarget.id;
  //start post request
  $.post('my/path/to/service.php', {id:buttonId}, function(data, err){
     //wait for response here
     console.log("my data yippii", JSON.stringify(data));
  })
});

PHP 部分 service.php 看起来像这样(我必须承认这绝对不是我的强项)

//retrieve id
id = $_POST['id'];

现在您已经获得了 ID，您可以验证它并开始在数据库或其他内容上进行 SELECT

希望这有帮助