Онлайн обновление таблицы ошибок

Question

У меня есть форма для вставки в реальном времени, которая должна добавить к таблице значение, если оно фактически вставлено в базу данных.

Итак, у меня есть функция javascript / jquery:

    else{
        var data = 'action=insert&porcab=' + porcAbandoned + '&porcan=' + porcAnswered;
        data = data + '&secab=' + secAbandoned + '&secan=' + secAnswered + '&name=' + name;
        $.ajax({
        type: "POST",
        url: "manager.php",
        async: false,
        data: data,
        cache: false,
        success: function(response){
                    var result = Number(response);
                    var row = '<tr id="'+result+'"><td class="edit porcAbandoned '+result+'>'+name+'</td>';
                    row = row + '<td style="text-align: center;" class="edit porcAbandoned '+result+'>'+porcAbandoned+' %</td>';
                    row = row + '<td style="text-align: center;" class="edit secAbandoned '+result+'>'+secAbandoned+'</td>';
                    row = row + '<td style="text-align: center;" class="edit porcAnswered '+result+'>'+porcAnswered+' %</td>';
                    row = row + '<td style="text-align: center;" class="edit secAnswered '+result+'>'+secAnswered+'</td>';
                    row = row + '<td style="text-align: center;">-</td>';
                    row = row + '<td style="text-align: center;"><a class="delete" href="#"><img src="assets/delete.png" /></a></td></tr>';
                    $('#clients > tbody:last').append(row);
                }
        });
    }

Предыдущий ЕСЛИ - только проверка.Если он не проверяется, не выполняет AJAX-вызов.

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

Ответом является идентификатор вставленной таблицы, поэтому ее можно удалить.

Что с этим не так?

Answer 1

Вы не закрыли атрибут класса, например:

row = row + '<td style="text-align: center;" class="edit porcAbandoned '+result+'>'+porcAbandoned+' %</td>';

:

row = row + '<td style="text-align: center;" class="edit porcAbandoned '+result+'">'+porcAbandoned+' %</td>';
________________________________________________________________________________/\

Answer 2

Как насчет этого теста jsfiddle . Это работает и добавляет строку. Однако используемые переменные должны быть переданы функциям с помощью свойства context, см. Здесь: jQuery.ajax