Skip to main content
se añadieron 77 caracteres en el cuerpo
Origen Enlace

tienesTienes que utilizar data a traves del button, te doy el ejemplo para que veas su funcionamiento.

Los atributos data-* permiten almacenar información adicional sobre un elemento HTML cualquiera sin tener que recurrir a artilugios tales como la utilización de atributos no estándar, propiedades adicionales en el DOM o Node.setUserData().

Para obtener un atributo data a través del dataset del objeto, obtenga la propiedad por la parte del nombre del atributo despues de data- (tenga en cuenta que los guiones son convertidos en camelCase).

$("body").on("click", ".botones", function() {
    //aqui usas $(this).data('value') y te devolvera el valor del button seleccionado
    const valor = $(this).data('value');
    console.log(valor);
    
    $("body").on("click", "#enviar", function() {
        console.log(valor);
        //aqui ejecutas ajax
        /*
        $.ajax({
                  type: 'POST',
                  url: ruta+'datos/enviar/',
                  dataType: 'text',               
                  data: valor,
                    success: function(response){
                      console.log(response);
 
                    }
                   
            })
        */
    });
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='botones' data-value='9876' type='button'>Boton 9876</button>

<button class='botones' data-value='1234' type='button'>Boton 1234</button>


<button id="enviar">Enviar post</button>

tienes que utilizar data a traves del button, te doy el ejemplo para que veas su funcionamiento

$("body").on("click", ".botones", function() {
    //aqui usas $(this).data('value') y te devolvera el valor del button seleccionado
    const valor = $(this).data('value');
    console.log(valor);
    
    $("body").on("click", "#enviar", function() {
        console.log(valor);
        //aqui ejecutas ajax
        /*
        $.ajax({
                  type: 'POST',
                  url: ruta+'datos/enviar/',
                  dataType: 'text',               
                  data: valor,
                    success: function(response){
                      console.log(response);
 
                    }
                   
            })
        */
    });
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='botones' data-value='9876' type='button'>Boton 9876</button>

<button class='botones' data-value='1234' type='button'>Boton 1234</button>


<button id="enviar">Enviar post</button>

Tienes que utilizar data a traves del button, te doy el ejemplo para que veas su funcionamiento.

Los atributos data-* permiten almacenar información adicional sobre un elemento HTML cualquiera sin tener que recurrir a artilugios tales como la utilización de atributos no estándar, propiedades adicionales en el DOM o Node.setUserData().

Para obtener un atributo data a través del dataset del objeto, obtenga la propiedad por la parte del nombre del atributo despues de data- (tenga en cuenta que los guiones son convertidos en camelCase).

$("body").on("click", ".botones", function() {
    //aqui usas $(this).data('value') y te devolvera el valor del button seleccionado
    const valor = $(this).data('value');
    console.log(valor);
    
    $("body").on("click", "#enviar", function() {
        console.log(valor);
        //aqui ejecutas ajax
        /*
        $.ajax({
                  type: 'POST',
                  url: ruta+'datos/enviar/',
                  dataType: 'text',               
                  data: valor,
                    success: function(response){
                      console.log(response);
 
                    }
                   
            })
        */
    });
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='botones' data-value='9876' type='button'>Boton 9876</button>

<button class='botones' data-value='1234' type='button'>Boton 1234</button>


<button id="enviar">Enviar post</button>

se añadieron 77 caracteres en el cuerpo
Origen Enlace

tienes que utilizar data a traves del button, te doy el ejemplo para que veas su funcionamiento

$("body").on("click", ".botones", function() {
    //aqui usas $(this).data('value') y te devolvera el valor del button seleccionado
    const valor = $(this).data('value');
    console.log(valor);
    
    $("body").on("click", "#enviar", function() {
        console.log(valor);
        //aqui ejecutas ajax
        /*
        $.ajax({
                  type: 'POST',
                  url: ruta+'datos/enviar/',
                  dataType: 'text',               
                  data: valor,
                    success: function(response){
                      console.log(response);
 
                    }
                   
            })
        */
    });
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='botones' data-value='9876' type='button'>Boton 9876</button>

<button class='botones' data-value='1234' type='button'>Boton 1234</button>


<button id="enviar">Enviar post</button>

tienes que utilizar data a traves del button, te doy el ejemplo para que veas su funcionamiento

$("body").on("click", ".botones", function() {
    //aqui usas $(this).data('value') y te devolvera el valor del button seleccionado
    const valor = $(this).data('value');
    console.log(valor);
    
    $("body").on("click", "#enviar", function() {
        console.log(valor);
        //aqui ejecutas ajax
    });
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='botones' data-value='9876' type='button'>Boton 9876</button>

<button class='botones' data-value='1234' type='button'>Boton 1234</button>


<button id="enviar">Enviar post</button>

tienes que utilizar data a traves del button, te doy el ejemplo para que veas su funcionamiento

$("body").on("click", ".botones", function() {
    //aqui usas $(this).data('value') y te devolvera el valor del button seleccionado
    const valor = $(this).data('value');
    console.log(valor);
    
    $("body").on("click", "#enviar", function() {
        console.log(valor);
        //aqui ejecutas ajax
        /*
        $.ajax({
                  type: 'POST',
                  url: ruta+'datos/enviar/',
                  dataType: 'text',               
                  data: valor,
                    success: function(response){
                      console.log(response);
 
                    }
                   
            })
        */
    });
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='botones' data-value='9876' type='button'>Boton 9876</button>

<button class='botones' data-value='1234' type='button'>Boton 1234</button>


<button id="enviar">Enviar post</button>

se añadieron 77 caracteres en el cuerpo
Origen Enlace

tienes que utilizar data a traves del button, te doy el ejemplo para que veas su funcionamiento

$("body").on("click", ".botones", function() {
    //aqui usas $(this).data('value') y te devolvera el valor del button seleccionado
    const valor = $(this).data('value');
    console.log(valor);
    //y 
 aqui ejecutas tu archivo$("body").on("click", ajax"#enviar", confunction() el{
        console.log(valor);
 del value      //aqui ejecutas ajax
    });
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='botones' data-value='9876' type='button'>Boton 9876</button>

<button class='botones' data-value='1234' type='button'>Boton 1234</button>


<button type='submit'>Enviarid="enviar">Enviar post</button>

tienes que utilizar data a traves del button, te doy el ejemplo para que veas su funcionamiento

$("body").on("click", ".botones", function() {
    //aqui usas $(this).data('value') y te devolvera el valor del button seleccionado
    const valor = $(this).data('value');
    console.log(valor);
    //y aqui ejecutas tu archivo ajax con el valor del value
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='botones' data-value='9876' type='button'>Boton 9876</button>

<button class='botones' data-value='1234' type='button'>Boton 1234</button>


<button type='submit'>Enviar post</button>

tienes que utilizar data a traves del button, te doy el ejemplo para que veas su funcionamiento

$("body").on("click", ".botones", function() {
    //aqui usas $(this).data('value') y te devolvera el valor del button seleccionado
    const valor = $(this).data('value');
    console.log(valor);
     
    $("body").on("click", "#enviar", function() {
        console.log(valor);
        //aqui ejecutas ajax
    });
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='botones' data-value='9876' type='button'>Boton 9876</button>

<button class='botones' data-value='1234' type='button'>Boton 1234</button>


<button id="enviar">Enviar post</button>

se añadieron 135 caracteres en el cuerpo
Origen Enlace
Loading
Origen Enlace
Loading