Создание селектора Jquery динамически

Question

Создание селектора Jquery динамически

0

Дорогой я хотел бы динамически загружать данные таблицы, используя данные формата JSON, поступающие из файла PHP. Я пробовал следующий, и я не вижу никаких данных, отображаемых в таблице.

function loadTable() {
    $.getJSON( 'sort.php', function( data ) {
        $.each( data, function( i, val ) {
            $('#most_active tr:eq(i)').after(
                '<tr>'+
                    '<td>'+val.value1+'</td>'+
                    '<td>'+val.value2+'</td>'+
                    '<td>'+val.value3'</td>'+
                    '<td>'+val.data+'</td>'+
                '</tr>'
            );
        });
    });
}

Если я попробую этот второй, используя 0 вместо "i", я получаю все значения, но в неправильном порядке, последние в JSON становятся первыми в таблице.

function loadTable() {
    $.getJSON( 'sort.php', function( data ) {
        $.each( data, function( i, val ) {
            $('#most_active tr:eq(0)').after(
                '<tr>'+
                    '<td>'+val.value1+'</td>'+
                    '<td>'+val.value2+'</td>'+
                    '<td>'+val.value3'</td>'+
                    '<td>'+val.data+'</td>'+
                '</tr>'
            );
        });
    });
}

Любое предложение для правильной загрузки и заполнения таблицы и в том же порядке, что и вектор JSON?

благодаря

Часть кода, связанная с таблицей

<table id="most_activeAP" class="table table-hover">
    <thead>
        <tr>
            <th>Name</th>
            <th>Value</th>
            <th>Value</th>
            <th>Time</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

user3155074 08 янв. 2014, в 18:22

Источник

1

Я пометил ваш вопрос как JavaScript, так как вы, похоже, ничего не спрашиваете о PHP.
Álvaro González 08 янв. 2014, в 16:44
0

опубликовать некоторые из ваших данных, или, по крайней мере, его точную структуру.
tenub 08 янв. 2014, в 16:46
0

Вы можете использовать плагин datatables
Liam 08 янв. 2014, в 16:48

Показать ещё 1 комментарий

Теги:

javascript

jquery

json

2 ответа

0

вы пробовали создать селектор, как показано ниже...

function loadTable()
{
    $.getJSON( 'sort.php', function( data )
    {
        $.each( data, function( i, val )
        {
            $('#most_active tr:eq(' + i + ')').after('<tr><td>'+val.value1+'</td><td>'+val.value2+'</td><td>'+val.value3'</td><td>'+val.data+'</td></tr>');
        });
    });
}

christiandev 08 янв. 2014, в 15:30

0

Большое спасибо, это работает. Была ли моя ошибка, я забыл управлять «я» как переменная
user3155074 08 янв. 2014, в 17:00

Ещё вопросы

Я пометил ваш вопрос как JavaScript, так как вы, похоже, ничего не спрашиваете о PHP.
опубликовать некоторые из ваших данных, или, по крайней мере, его точную структуру.
Вы можете использовать плагин datatables
Большое спасибо, это работает. Была ли моя ошибка, я забыл управлять «я» как переменная

MatCarey · Accepted Answer · 2014-01-08T15-17-00.000Z

Лучше всего использовать функцию.eq()

function loadTable() {
    $.getJSON( 'sort.php', function( data ) {
        $.each( data, function( i, val ) {
            $('#most_active tr').eq(i).after(
                '<tr>'+
                    '<td>'+val.value1+'</td>'+
                    '<td>'+val.value2+'</td>'+
                    '<td>'+val.value3'</td>'+
                    '<td>'+val.data+'</td>'+
                '</tr>'
            );
        });
    });
}

Это также означает, что вы можете создать список элементов один раз и повторно использовать его:

function loadTable() {
    $.getJSON( 'sort.php', function( data ) {
        var $mostActiveRows = $('#most_active tr');
        $.each( data, function( i, val ) {      
            $mostActiveRows.eq(i).after(
                '<tr>'+
                    '<td>'+val.value1+'</td>'+
                    '<td>'+val.value2+'</td>'+
                    '<td>'+val.value3'</td>'+
                    '<td>'+val.data+'</td>'+
                '</tr>'
            );
        });
    });
}

Эта вторая версия будет немного более эффективной (немного менее расточительной).