javascript - 为 ajax 弹出窗口发送文本值

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

我想为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>