JavaScript , AJAX quick loop

Question

I have some ajax code:

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

    });
  });

In my html code I have 200 buttons. How can i loop buttons i this ajax code? I'm newbie of ajax and js.

I know I can copy and paste and change number of buttons but I think it's not optimalize code.

Thank's for help.

sounds like he wants all the buttons to trigger ajax call when clicked. He should be using a class selector or something else....not an id. — Rafael
– Rafael, Commented Feb 3, 2015 at 16:09
It was that simple ;)) Thanks! Now I must paste my class selector x200 times:) Lets go — Konrad Kudra
– Konrad Kudra, Commented Feb 3, 2015 at 16:16

tachyonflux · Accepted Answer · 2015-02-03 16:09:34Z

2

You can apply some common class to the buttons to select all of them:

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

answered Feb 3, 2015 at 16:09

tachyonflux

20.2k7 gold badges52 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Enrique Muñoz Rodas · Accepted Answer · 2015-02-03 16:11:54Z

0

$(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>

answered Feb 3, 2015 at 16:11

Enrique Muñoz Rodas

4615 silver badges11 bronze badges

Collectives™ on Stack Overflow

JavaScript , AJAX quick loop

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related