Как динамически добавлять строки таблицы?

Question

[Марсель Султанов]

Не могу понять как динамически выводить на страницу данные в виде строк таблицы, или просто строк. При нажатий кнопки сохранить, приходят данные введенные в форму, через AJAX, и должны выводиться под таблицей.
Код script.js

$( document ).ready(function() {
    $("#save").click(
        function(){
            sendAjaxForm('result_form', 'ajax_form', ajaxpath);
            return false;
        }
    );
});

function sendAjaxForm(result_form, ajax_form, url) {
    $.ajax({
        url:     url, //url страницы (ajax.php)
        type:     "POST", //метод отправки
        dataType: "html", //формат данных
        data: $("#"+ajax_form).serialize(),  // Сеарилизуем объект
        success: function(response) { //Данные отправлены успешно
            result = $.parseJSON(response);
            $('#result_form').html('Сообщение:'+result.MESSAGE);

        },
        error: function(response) { // Данные не отправлены
            $('#result_form').html('Ошибка. Данные не отправлены.');
        }
    });
}

А это template.php

<div class="form-group">
                <label for="MESSAGE">Сообщение:</label>
                <div id="MESSAGE">
                    <?$APPLICATION->IncludeComponent("bitrix:fileman.light_editor","",Array(
                        'ORDER_NUM' => $arResult['VARIABLES']['ORDER_NUM'],
                        "CONTENT" => $arResult['DATA']['MESSAGE'],
                        "INPUT_NAME" => "MESSAGE",
                        "INPUT_ID" => "MESSAGE",
                        "WIDTH" => "100%",
                        "HEIGHT" => "250px",
                        "RESIZABLE" => "Y",
                        "AUTO_RESIZE" => "Y",
                        "VIDEO_ALLOW_VIDEO" => "Y",
                        "VIDEO_MAX_WIDTH" => "640",
                        "VIDEO_MAX_HEIGHT" => "480",
                        "VIDEO_BUFFER" => "20",
                        "VIDEO_LOGO" => "",
                        "VIDEO_WMODE" => "transparent",
                        "VIDEO_WINDOWLESS" => "Y",
                        "VIDEO_SKIN" => "/bitrix/components/bitrix/player/mediaplayer/skins/bitrix.swf",
                        "USE_FILE_DIALOGS" => "Y",
                        "ID" => "",
                        "JS_OBJ_NAME" => ""
                    )
                );?>
                </div>
            </div>
        </div>
        <div class="col-md-12 text-right">
            <input class="btn btn-primary" type="submit" id="save" name="save" value="Сохранить">
        </div>
        <div class="col-md-12" id="result_form"></div>
    </div>

Для ввода информации используется компонент Битрикса(тикет)
В данный момент у меня строкой выходят данные в result_form

Comments

[anyshape]

А где же сама форма?

[Марсель Султанов]

anyshape, она находится в компонента битрикса

Answer 1

[anyshape]

Вот в result приходит в json, и вы result.MESSAGE выводите в #result_form

// ...
$('#result_form').html('Сообщение:'+result.MESSAGE);

Вместо этого добавьте

$('#result_form').append( '<div>'+result.MESSAGE+'</div>' )

Там уже вместо div можете обернуть в любой элемент