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
- 5162 reads