我如何在AJAX中循环数据并在其中存储特定值's各自的tr td

How do I loop through data in AJAX and store a particular value in it's respective td in tr

本文关键字:td tr AJAX 循环 存储 在其中 数据      更新时间:2023-12-23

我有一个问题,在中我有各种价格变化,我需要它反映在它各自的位置。然而,它只影响一个条目。我将在下面发布我的代码,请随意询问所需代码的其他部分。我正在使用Codeigniter和AJAX

function showOffer(id_offer) {
    $.ajax({
        url: '<?php echo base_url('admin/order/getOffer'); ?>',
        type: 'POST',
        data: { o_id: id_offer },
        success: function(data) {
            var obj = $.parseJSON(data);
            $('#oid').val(obj[0].oid);
            $('#select2-chosen-2').val(obj[0].offer_code);
            var product_id = obj[0].product_id;
            var free_product_id = obj[0].product_id;          
            $('.offer_price_' + product_id).val(obj[0].offer_sales_price);
            $('#freeQty_' + free_product_id).val(obj[0].quantity);
            $('#listmodal1').modal('hide');
        }
    }
});
}
<td title="Reason for price change: <?php echo !empty($product->product_message)?' '.$product->product_message.'"':''; ?>">
    <input style="width:100%; text-align:right; padding-right:5px;"  type="text" name="paid_product_price[]" id="offer_price" class="price offer_price_<?php echo $counter; ?> paidShowMessage" value="<?php echo $price; ?>">
</td>

它应该会影响从数据库中提取的所有产品,目前它只设置一个tr->td 的值

任何帮助都将不胜感激

首先,我希望看到更多的模型和视图分离。意思是:您需要一个服务来获取数据,该服务将向另一个更新UI的控制器抛出事件。阅读更多关于:JavaScript中的pub-sub机制。

第二,您可以更改ajax调用以返回已更改单元格的列表。

function showOffer(id_offer) {
    $.ajax({
      url: '<?php echo base_url('admin/order/getOffers'); ?>',
     type:'GET',
      data: {},
      success: function(data){
                 publish('dataChanged', data);
            }
      }
    });
}
subscribe('dataChanged', function(data)) {
       var offers = data.offers;
       for (int i = 0 ; i < offers.length ; i++) {
             // update cell in table
       }
});