发送ajax popup

时间:2015-07-12 05:39:19

标签: javascript php jquery ajax

这是我的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回应它.. plz帮我这个...谢谢

1 个答案:

答案 0 :(得分:3)

请尝试此

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