JQuery - удаление строки таблицы при клике по элементу (после Ajax-запроса на удаление и БД) -- пример кода
Primary tabs
При кода удаления фрагмента страницы с отправкой Ajax запроса на удаление данных из БД:
$(function() { // после загрузки страницы
init();
});
function init()
{
$(document).on("click", 'button.romove-ticket',
function() { // к какому элементу привязывать отправку
if (confirm('Вы уверены, что хотите удалить данную заявку?')) {
// элемент имеет атрибут data-tiket-id="n",
// где n - ключ удаляемой из базы записи
var controlId = $(this).data('ticket-id');
var data = {'ticket-id': controlId};
var url = '/admin/site/removeticket'; // куда отправлять
sendAjax(url, data, controlId);
return false;
}
});
}
function sendAjax(url, data, controlId)
{
$.ajax({ // сам запрос
type: 'POST',
url: url,
data: data, // данные которые передаём серверу
dataType: "json" // предполоижтельный формат ответа сервера
}).done(function(res) { // если успешно
console.log('Ответ получен: ', res);
if (res.success) { // если все хорошо
console.log('ОК!)');
$('tr#row-' + controlId).removeSmoothly(); // строка имеет id вида "row-17"
} else { // если не нравится результат
console.log('Пришли не те данные!');
console.log(res.message);
}
}).fail(function() { // если ошибка передачи
console.log('Ошибка выполнения запроса!');
});
}
removeSmoothly: http://fkn.ktu10.com/?q=node/8001
- Log in to post comments
- 6186 reads