отправить текстовое значение для АЯКС всплывающего окна

Question

вот мой Javascript

<script>  
    jQuery(function ($) { 

    $('.button').on('click', function() { 
     var id = $(this).data('id'); 

     $.ajax({ 
      url: '/ajax.php', 
      data: { 
       id: id 
      }, 
      method: 'POST', 
      success: function (html) { 
       $('body').append(html); 
       $(html).bPopup(); 
      }, 
      error: function (returnValue) {} 
     }); 
    }); 


}); 
    </script> 

Вот мой HTML

<input type="text" name="qty" id="qty" maxlength="12" value="1" title="Qty"> 
<button type="button" class="button small cart-button" data-id="xxxx">Add to Cart</button> 

ajax.php

<?php echo $_POST['id']; ?> // show id : xxxx 

Я хочу отправить qty value для ajax.php файла. так как сделать это я хочу повторить это от PHP .. плз помогите мне это ... спасибо

Answer 1

Пожалуйста, попробуйте это

<script>  
    jQuery(function ($) { 

    $('.button').on('click', function() { 
     var id = $(this).data('id'); 
     var qtyValue = $("input[type='text'][name='qty']").val(); 
     $.ajax({ 
      url: '/ajax.php', 
      data: { 
       id: id, 
       quantityValue : qtyValue 
      }, 
      method: 'POST', 
      success: function (html) { 
       $('body').append(html); 
       $(html).bPopup(); 
      }, 
      error: function (returnValue) {} 
     }); 
    }); 


    }); 
</script>