Как правильно обработать кнопку?

Question

[IIIu6ko]

Есть элементарная таблица.

<table>
  <tr>
    <th>ID</th>
    <th>Name</th>
    <th>Text</th>
    <th></th>
  </tr>
  <tr>
    <td>1</td>
    <td>dasd</td>
    <td>123</td>
    <td><button>x</button></td>
  </tr>
  <tr>
    <td>2</td>
    <td>Александр</td>
    <td>Текст</td>
    <td><button>x</button></td>
  </tr>
</table>

В каждой последней ячейке строки есть кнопка для удаления этой строки, как правильно обработать такую кнопку?

Comments

[Дмитрий]

Добрый день.
Какое отношение Ваша задача имеет к php?
Это всё делается при помощи js.

[IIIu6ko]

slo_nik, Поэтому я и спрашиваю как правильно. Я могу и без js обработать, но правильно ли это будет - вопрос.
Если с помощью js правильней, то напиши пожалуйста как. Я отмечу правильным ответом.

[Дмитрий]

IIIu6ko, а мы разве переходили на "ты"?
Если у Вас что-то не получается, то показывайте код, который Вы сами написали и который по каким-то причинам не работает. В противном случает это задание и Вам прямая дорога на fl.ru.

[Vitsliputsli]

IIIu6ko, по-разному можно, зависит от того, как принципиально обрабатываете эти данные, т.е. что за данные и как с ними работают. Иногда лучше обработать все на клиенте и передать суммарные изменения на сервер, иногда необходимо сразу изменения отправлять на сервер. У каждого решения свои плюсы и минусы.

[IIIu6ko]

slo_nik, У меня конкретный вопрос, что тебе не понятно? Если не хочешь отвечать, то не отвечай. Чё ты тут устроил? Я вопрос задавал не ради конфликта.

[Дмитрий]

IIIu6ko, "тыкать" маме с папой будете.
Опишите в вопросе подробно, чего именно хотите добиться, покажите код. Как Вы пытались решить задачу?

[IIIu6ko]

slo_nik, У меня нет проблемы. У меня есть вопрос "как правильно". Меня интересует как ПРАВИЛЬНО, как ЛУЧШЕ, как БЕЗОПАСНЕЙ обработать клик по кнопке и в последующем отправить sql запрос, чтобы удалить строку.

Если считаешь что через js правильно, то напиши как конкретно, через ajax? Почему через js? Почему не создать форму в каждой ячейке?

Answer 1

[SerJook]

C jQuery и AJAX:

<table>
  <tr>
    <th>ID</th>
    <th>Name</th>
    <th>Text</th>
    <th></th>
  </tr>
  <tr data-id="1">
    <td>1</td>
    <td>dasd</td>
    <td>123</td>
    <td><button>x</button></td>
  </tr>
  <tr data-id="2">
    <td>2</td>
    <td>Александр</td>
    <td>Текст</td>
    <td><button>x</button></td>
  </tr>
</table>

$("table button").click(function() {
	var row = $(this).closest('tr');
	$.post("delete.php",{id: row.data('id')}, function(response){
    if (response.success) {
    	row.remove();
    }
  }, 'json');
});