Question

我有一些ajax代码：

      $(document).ready(
  function()
  {
    $("#button1").click(
    function()
    {
      $.ajax({
      type: "POST",
      url: "update.php",
      });

    });
  });

在我的html代码中，我有200个按钮。我怎么能循环按钮我这个ajax代码？我是ajax和js的新手。

我知道我可以复制和粘贴并更改按钮数量，但我认为这不是最佳化代码。

感谢您的帮助。

Answer 1

您可以在按钮上应用一些常用类来选择所有类：

$(document).ready(
  function()
  {
     $(".myButtonClass").click(
    function()
    {
     $.ajax({
      type: "POST",
      url: "update.php",
      });
    });
  });

Answer 2

$(document).ready(function(){
    $(".button").click(function(){
        $.ajax({
            type: "POST",
            url: "update.php",
        });
    });
});


<button class="button" id="button1">button 1</button>
...
<button class="button" id="button200">button 200</button>

JavaScript，AJAX快速循环

2 个答案: