I am facing an issue with my AJAX request that sometimes deals with a large JSON object. I need to display a loading panel during this process, similar to the one shown in the image below (scaled at 45%):
https://i.stack.imgur.com/rw9ft.jpg
The problem I am encountering is the inability to predict the processing time of the JSON object on the server once it is sent via AJAX.
Below is the code snippet for my AJAX request:
$.ajax({
url: './home/sumbit_json',
type: 'POST',
data: {
json_data: json_data,
user: user,
entry: entry
},
dataType: 'json',
success: function(data) {
if (data.status == false) {
alert("transaction failed");
} else {
alert("transaction successful");
}
}, // End of success function of ajax form
error: function(xhr, status, errorThrown) {
console.log("Error: " + errorThrown);
console.log("Status: " + status);
console.dir(xhr);
},
});