Данные удаляются с помощью ajax и php, но почему мне приходится обновлять вручную, чтобы проверить, удалены ли данные ил ⇐ Jquery

[Anonymous]

Я просто хочу мгновенно удалить данные без обновления базы данных. я написал код для вставки данных в базу данных через ajax и php и те же данные, которые я вызываю или печатаю мгновенно в таблице без обновления на той же странице формы, которую я использовал для отправки данных, и это работает нормально, но если я хочу удалить данные без обновления, это не работает, отображается сообщение «данные успешно удалены», но после этого не получается получить свежие данные из базы данных.
Я использовал setTimeout Функция javascript, чтобы задержать входящие свежие данные (после удаления), чтобы эхо-сообщение об успешном удалении и получение свежих данных не происходило одновременно, но все равно не извлекало данные после эха «данные успешно удалены». Кроме того, я использовал параметр Complete $.ajax(), чтобы после завершения запроса ajax Complete param запускал новый fetchDataFromDatabase(), но он все равно не работал.
Консоль выдает ошибку, описанную ниже
Uncaught ReferenceError: fetchDataFromDatabase is not defined success http://localhost/ajaxx/aryanformsubmit/ajaxcode.js:64 jQuery 6 deletetask http://localhost/ajaxx/aryanformsubmit/ajaxcode.js:55 onclick http://localhost/ajaxx/aryanformsubmit/form.php#:1
form.php



Title

















Name


Email




Submit






S.NO
Name
Email
Status
Action

















ajaxcode.js
$(document).ready(function () {
// Code for submitting form via AJAX
$("#submit").click(function (e) {
e.preventDefault();

var name = $("#name").val();
var email = $("#email").val();

if (name === "" || email === "") {
$("#feedback").fadeIn().removeClass("alert alert-success").addClass("alert alert-danger").html("All fields are required");
} else {
$.ajax({
type: "post",
url: "insertquery.php",
data: $("form").serialize(),
success: function (response) {
$("#feedback").fadeIn().removeClass('alert alert-danger').addClass('alert alert-success').html(response).fadeOut(6000);
// After successful insertion, fetch data from the database
fetchDataFromDatabase();
},
error: function(xhr, status, error) {
$("#feedback").fadeIn().removeClass('alert alert-success').addClass('alert alert-danger').html("Error: " + xhr.responseText);
}
});
}
});

// Function to fetch data from the database
// Function to fetch data from the database
function fetchDataFromDatabase() {
$.ajax({
url: 'getalldata.php', // Replace with your server-side script URL
type: 'GET',
success: function(data) {
// Update the #tasklist element with the HTML response
$('#tasklist').html(data);
},
error: function(xhr, status, error) {
// Handle errors
console.error(xhr.responseText);
}
});
}

// Initial data fetching on page load
fetchDataFromDatabase();
});

//script to delete tasks
function deletetask(taskid){
if(confirm("Do you really want to delte this data?")){

$.ajax({
type: "post",
url: "del.php",
// data: {id:taskid}//object method for sending data,
data:"id=" + taskid,
// dataType: "dataType",
success: function (response) {
alert(response);
// fetchDataFromDatabase();
// setTimeout(fetchDataFromDatabase, 5000);
},
complete: function(response){
fetchDataFromDatabase();
}

// error: function(xhr, status, error) {
// // Handle errors
// console.error(xhr.responseText);
// }
});
}
}

getalldata.php
$(document).ready(function () {
// Code for submitting form via AJAX
$("#submit").click(function (e) {
e.preventDefault();

var name = $("#name").val();
var email = $("#email").val();

if (name === "" || email === "") {
$("#feedback").fadeIn().removeClass("alert alert-success").addClass("alert alert-danger").html("All fields are required");
} else {
$.ajax({
type: "post",
url: "insertquery.php",
data: $("form").serialize(),
success: function (response) {
$("#feedback").fadeIn().removeClass('alert alert-danger').addClass('alert alert-success').html(response).fadeOut(6000);
// After successful insertion, fetch data from the database
fetchDataFromDatabase();
},
error: function(xhr, status, error) {
$("#feedback").fadeIn().removeClass('alert alert-success').addClass('alert alert-danger').html("Error: " + xhr.responseText);
}
});
}
});

// Function to fetch data from the database
// Function to fetch data from the database
function fetchDataFromDatabase() {
$.ajax({
url: 'getalldata.php', // Replace with your server-side script URL
type: 'GET',
success: function(data) {
// Update the #tasklist element with the HTML response
$('#tasklist').html(data);
},
error: function(xhr, status, error) {
// Handle errors
console.error(xhr.responseText);
}
});
}

// Initial data fetching on page load
fetchDataFromDatabase();
});

//script to delete tasks
function deletetask(taskid){
if(confirm("Do you really want to delte this data?")){

$.ajax({
type: "post",
url: "del.php",
// data: {id:taskid}//object method for sending data,
data:"id=" + taskid,
// dataType: "dataType",
success: function (response) {
alert(response);
// fetchDataFromDatabase();
setTimeout(fetchDataFromDatabase, 5000);
},
error: function(xhr, status, error) {
// Handle errors
console.error(xhr.responseText);
}
});
}
}

insertquery.php






del.php




Подробнее здесь: https://stackoverflow.com/questions/784 ... to-refresh