Блог

Главная - Вопросы по программированию - Как определить, какая кнопка была нажата с помощью ajax

Как определить, какая кнопка была нажата с помощью ajax

#ajax

#ajax

Вопрос:

Я хочу, чтобы каждый раз при нажатии кнопки «plato» (их несколько, потому что я создаю их внутри цикла) выполнялась эта функция « $ ('# plato'). click (function () » но я заметил, что этот код выполняется только при нажатии первой кнопки. С остальными это не выполняется.

menu.php:

 <html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="estilos.css">
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="ajax.js"></script>
</head>
<body>
    <?php
    $restaurante=$_GET['restaurante'];
    chdir(getcwd()."/".$restaurante);
    $id_fichero= @fopen("menus.txt","r") or die("<B>El fichero no se pudo abrir");
    ?>
    <?php
        while (!feof($id_fichero))
        {            
        if(($linea=trim(fgets($id_fichero,256),"nr"))!=false) 
        {
            echo("<button type='button' class='accordion'>".$linea."</button>");                
            echo("<div class='panel'>");
            $id_fichero2= @fopen($linea.".txt","r") or die("<B>El fichero no se pudo abrir");
            while (!feof($id_fichero2))
            {                   
                if(($linea2=trim(fgets($id_fichero2,256),"nr"))!=false)
                {
                    echo("<button type='button' id='plato' name='plato'>".$linea2."</button><br>");
                    echo("<input type='hidden' id='nombrePlato' name='nombrePlato' value='".$linea2."'>");
                }
            }
            echo ("</div>");
        }
        }
        
    ?>
    <div id="carrito">
        
    </div>
<script src="collapsible.js"></script>

</body>
</html>

ajax.js

 $(document).on('ready',function(){  
    $('#plato').click(function(){
    alert("I'm here");   
    var url = "anadirCarrito.php";
    $.ajax({                        
       type: "POST",                 
       url: url,                     
       data: $('#platos').serialize(), 
       success: function(data)             
       { 
         $('#carrito').html(data);  
        
       }
       });
    });
});

Комментарии:

1. идентификаторы должны быть уникальными, наличие нескольких кнопок с одинаковым идентификатором недопустимо. Вы должны использовать класс вместо идентификатора.

2. хорошо, это сработало нормально.

Метки: ,