Показать сообщение отдельно
  #3 (permalink)  
Старый 17.01.2018, 17:12
Аспирант
Отправить личное сообщение для weirdjava Посмотреть профиль Найти все сообщения от weirdjava
 
Регистрация: 01.03.2017
Сообщений: 40

Сообщение от Nexus Посмотреть сообщение
$(document).ready(function() {
	(function update_table(){
		$.ajax({
			url: "monitor/all",
			type: "GET",
			dataType: "json",
			success: function(response) {
				var trHTML = '';
				$.each(response, function(key, value) {
					trHTML += '<tr><td>' + value.id + '</td><td>' + value.url + '</td><td>' + value.exceptedHttpResponseCode + '</td><td>' + value.status + '</td><td>' + value.active + '</td></tr>';
				});
				$('#monitorTable').append(trHTML);
				setTimeout(update_table,2000);
			}
		});
	})();
});

Nexus,Cпасибо болшое! понял,а если я хочу добавить delete? нужно повесить обработчик,получаю id,Далее делаю запрос к серверу. После чего при успешном удалении из таблицы можно удалить соответствующую строку. вот так правильно?:

function getTable() {
    $.ajax({
        url: "monitor/all",
        type: "GET",
        dataType:"json",
        success: function (response) {
            var trHTML = '';
                var id = $(this).data('id');
            $.each(response, function (key,value) {
                trHTML +=
                    '<tr><td>' + value.id +
                    '</td><td>' + value.url +
                    '</td><td>' + value.exceptedHttpResponseCode +
                    '</td><td>' + value.status +
                    '</td><td>' + value.active +
                    '</td></tr>';

            });


            $('#monitorTable tbody').html(trHTML);

        }
    });
}


$(document).ready(function() {
    (function update_table(){
        $.ajax({
            url: '/monitor/delete',
            type: 'DELETE',
            dataType: "json",
            success: function (event) {
                $('.delBtn').on('click', function () {
                    var id = $(this).data('id');

                });
            }
        });

        $.ajax({
            url: "monitor/all",
        type: "GET",
        dataType: "json",
        success: function(response) {
            var trHTML = '';
            $.each(response, function(key, value) {
                trHTML += '<tr><td>' + value.id + '</td><td>' + value.url + '</td><td>' + value.exceptedHttpResponseCode + '</td><td>' + value.status + '</td><td>' + value.active
                    + '</td><td><button data-id="delBtn" class="btn btn-danger btn-sm delBtn">Delete</td></tr>';

            });

            $('#monitorTable').html(trHTML);

            setTimeout(update_table,2000);

        }

    });
    })();

});



    $(document).ready(function () {
        getTable();

        $("#frm").on("submit", function (event) {
            event.preventDefault();

            var formData = {
                'url': $('input[name=url]').val(),
                'exceptedHttpResponseCode': $('input[name=exceptedHttpResponseCode]').val()
            };

            console.log(formData);

            $.ajax({
                url: "/monitor/add",
                type: "post",
                data: JSON.stringify(formData),
                contentType: "application/json",
                success: function (d) {
                    getTable();

                },
            });
        });
    });
Ответить с цитированием