ms-dred
@ms-dred
Вечно что то не то и что то не так...

Как найти и изменить полученные элементы в самом JS файле?

Ребят подскажите осуществить задуманное
На странице есть таблица с данными, к примеру

<table>
 <tr id="data">
  <td class="data1"></td>
  <td class="data2"></td>
 </tr>
</table>


С помощью аякса я хочу подгружать данные и вставлять новые в начало таблицы, но для этого нужно получить код первого tr.data и в JS в цикле менять значения data1/data2.

Хочу сделать как то так:
setInterval(load, 10000);

function load() {

     var html = '', code = $("#data:eq(0)");


    $.ajax({
        "url": "/url/",
        "method": "POST",
        beforeSend: function(){},
        statusCode:{
            200: function(data){
                for(var i = 0; i < data.length; i++) {
                    var x = data[i];

                    //code - html код первой строки в таблице tr.data

                    html = code
                        .find('.data1')
                        .text(x.text1)
                        .find('.data2')
                        .text(x.text2);

                    html.before(html);
                }
            },
            403: function(err){
                console.log(err);
            }
        }
    });
}


Понятно что не работает, но как мне быть с этим? Нужно сделать подгрузку контента и не хотелось бы писать в JS сам код строки таблицы, хочется взять код и изменить только те поля которые необходимо заменить. Но как?
  • Вопрос задан
  • 117 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы