соединяя jquery с PHP в бэкэнд для удаления
Я создаю список задач, который может сортировать, добавлять что-то делать и удалять. Я использую Jquery. Я новичок в JavaScript и PHP.
(1) После нажатия на значок удаления. Он должен соединиться с PHP MySQL в конце, чтобы удалить его. Я пробовал много способов связать их, чтобы удалить всю строку их, но все попытки оказались безуспешными.
(2) После нажатия на флажок он всегда должен оставаться отмеченным, если не снимать флажок. Я не знаю, как двигаться дальше с этим тоже. Я перепробовал все методы YouTube и стека.
моя база данных — контрольный список
таблица контрольный список
У меня есть checklist_id, checkbox, thingstodo, sortable_order
Мой код:
$("#projects").on("click", "input[type=checkbox]", function(){
$(this).closest("li").animate(function(){
$(this).checked()
});
});
$("#projects").on("click", ".ui-icon-trash", function(){
$(this).closest("li").slideUp(function(){
$(this).remove();
});
});
Решение
HTML:
Каждая строка списка задач должна иметь свой уникальный идентификатор, соответствующий строке вашей базы данных (checklist_id)
JS:
$("#projects").on("click", ".ui-icon-trash", function () {
$(this).closest("li").slideUp(function () {
// get the associated id for that row
var checklistID = $(this).data('id'); // change this to whichever tag you are using in your html
// this is the part that connects to your php code, your php code will be the one responsible to connect to mysql
$.ajax({
url: 'http://urltophp.com/deleteChecklist', // url to your php function
data: {id : checklistID },
type: 'post',
dataType: "json",
success: function (response) {
if (response) {
$(this).remove();
} else {
// show an error if you like
}
}
});
});
});
PHP:
function deleteRow($params) {
$query = "DELETE FROM checklist WHERE checklist_id = " . $params['id'];
// call database to exceute this query
return true; // or false depending if your query was successful or not
}
Другие решения
Других решений пока нет …