JavaScript , AJAX 快速循环

Question

我有一些 ajax 代码：

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

    });
  });

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

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

感谢您的帮助。

Answer 1

您可以将一些常见的 class 应用于按钮以 select 所有按钮：

$(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 快速循环

JavaScript , AJAX quick loop

javascript

ajax

jquery

loops