Подгрузка данных в нужную структуру

163

29 сентября 2018, 21:30

На сайте есть скрипт, который постоянно подгружает записи в таблицу(table) из БД.

 setInterval(function(){ 
 $.ajax({
            url: "for_db.php",
            type: "POST",
            data: {refresh:true}, // Передаем данные для записи
            dataType: "json",
            success: function(result) {
                if (result){ 
                    $('.rows tr').remove();
                    $('.rows').append(function(){
                        var res = '';
                        for(var i = 0; i < result.ordersbuy.total.length; i++){
                            res += '<tr><td>' + result.ordersbuy.id[i] + '</td><td>' + result.ordersbuy.price[i] + '</td><td>' + result.ordersbuy.amount[i] + '</td><td>' + result.ordersbuy.total[i] + '</td></tr>';
                        }
                            return res;
                    });
                    console.log(result);
                }else{
                    alert(result.message);
                }
                return false;
            }
        });
 }, 3000);   
});

Но на сайте есть специальная "таблица" для ордеров, которая выглядит следующим образом:

<div class="orders__table">
                                    <div class="orders__table-row">
                                        <div class="orders__table-pair">11111</div>
                                        <div class="orders__table-buy">BUY</div>
                                        <div class="orders__table-amount">0.05623523</div>
                                        <div class="orders__table-price">0.1023463<span></span></div>
                                        <div class="orders__table-time">12:30:01</div>
                                        <div class="orders__table-status">Open</div>
                                        <div class="orders__table-close">
                                            <img src="img/icons/orders__close.png">
                                        </div>
                                    </div>

И я не могу понять, как переписать код, чтобы ордера подгружались в нужную таблицу

Answer 1

Тогда попробуйте так:

if (result){ 
    $('.orders__table').html(function(){
        var res = '';
        for(var i = 0; i < result.ordersbuy.total.length; i++){
            res += '<div class="orders__table-row">' +
            '<div class="orders__table-pair">' + result.ordersbuy.id[i] + '</div>' + 
            '<div class="orders__table-buy">' + result.ordersbuy.price[i] + '</div>' + 
            '<div class="orders__table-amount">' + result.ordersbuy.amount[i] + '</div>' +
            '<div class="orders__table-price">' + result.ordersbuy.total[i] + '</div>' + 
            '<div class="orders__table-time"></div>' + 
            '<div class="orders__table-status"></div>' + 
            '<div class="orders__table-close"><img src="img/icons/orders__close.png"></div>' +
            '</div>';
        }
        return res;
    });
    console.log(result);
} else {
    alert(result.message);
}