Мой вариант (jquery для читабельности):
<li>
Элемент 1
<button onclick="return del('element_id_here');">Удалить</button>
</li>
<script>
function del(id) {
$.post('/ajax/url', {element_id: id, token: 'csrf_token'}, function(response) {
var json = $.parseJSON(response);
if(json.success === 'ok') {
// если все ок
}
if(json.success === 'error') {
alert(json.message); // если все не ок
}
});
return false;
}
</script>
Я не яваскпритист — понимаю что джедаи все сделали бы сильно круче, но если бы мне в своем бложике приспичило бы — как-нибудь так и сделал бы (хотя над аяксом лучше бы сделать обертку, чтобы руками каждый раз ошибки не обрабатывать и т.д.). Еще наверное бы сделал вместо button ссылку (вид кнопки ей можно стилями придать), в href которой был бы урл на страницу удаления для юзеров без яваскрипта.
Ну и перед POST-ом кнопку надо прятать или дисаблить.
