Question

我希望一次附加多个div的ajax响应......这可能吗？

我想在下面给出...但是在这个函数中，ajax响应只附加在'#res'div而不是附加'.qty'div ...

$(document).ready(function(){
$('.qty').on('change', function() {
  var qty_val=$(this).val();
  $.ajax({
      type: 'GET',
      url:"addcart.php",
      data:{ qty: qty_val },

      success:function(result){

      $("#res").html(result);
      $(".qty").html(result);

      }})
});
});

Answer 1

看起来qty是一个输入元素，因为它正在触发更改事件，请尝试

$(".qty").val(result);

更新

$(document).ready(function () {
    $('.qty').on('change', function () {
        var $this = $(this),
            qty_val = $this.val();
        $.ajax({
            type: 'GET',
            url: "addcart.php",
            data: {
                qty: qty_val
            },
            success: function (result) {
                $("#res").html(result);
                $this.val(result);

            }
        })
    });
});

Answer 2

你所做的是对css类数量的改变。但是在ajax请求中你也改变了qty类。所以你基本上就是这样创建一个循环。

尝试将on更改更改为on on，然后单击该类。看看它现在是否有效，如果确实如此，你已经证明了我的观点：

$(document).ready(function(){
    $('.qty').on('click', function() {
        var qty_val=$(this).val();
        $.ajax({
            type: 'GET',
            url:"addcart.php",
            data:{ qty: qty_val },

            success:function(result){

                $("#res").html(result);
                $(".qty").html(result);

            }
        })
    });
});

Answer 3

我同意Arun ...看at this js小提琴示例..比你的代码简单一点，但基本上它做同样的事情......

$(document).ready(function()
{
   $('#clickme').on('click', function()
   {
      $('.qty').val(8);
   });
});

附加JQuery，Ajax结果与多个div

3 个答案: