After researching for a couple of hours, I discovered that my cordova app (CLI 5.3.3) is displaying a "page not found" error when making AJAX calls through jQuery.
Despite following all the steps in the whitelist plugin (https://github.com/apache/cordova-plugin-whitelist), the issue persists.
I have already added the necessary lines to the config.xml file:
<access origin="*" />
<allow-navigation href="*" />
I have also included Content Security Policy (CSP) like this:
<meta http-equiv="Content-Security-Policy" content="default-src 'self' https:">
My AJAX request code looks like this:
$.ajax({
beforeSend: function() { $.mobile.loading("show"); }, //Show spinner
complete: function() { $.mobile.loading("hide"); }, //Hide spinner
url: weburl+"lgoin.php",
data: { email: $("#txtemail").val(), password: $("#txtpassword").val()},
type: "POST",
success: function(data) {
var response=$.parseJSON(data);
}
},
error: function (jqXHR, exception) {
var msg = '';
if (jqXHR.status === 0) {
msg = 'Not connect.\n Verify Network.';
} else if (jqXHR.status == 404) {
msg = 'Requested page not found. [404]';
} else if (jqXHR.status == 500) {
msg = 'Internal Server Error [500].';
} else if (exception === 'parsererror') {
msg = 'Requested JSON parse failed.';
} else if (exception === 'timeout') {
msg = 'Time out error.';
} else if (exception === 'abort') {
msg = 'Ajax request aborted.';
} else {
msg = 'Uncaught Error.\n' + jqXHR.responseText;
}
alert(msg);
},
});
Every time I make an AJAX call, it ends up with the error message "Requested page not found. [404]" in the error callback.
Note: I have tested the webservice with the Avance REST API extension and it works correctly.
If anyone can help me resolve this issue, I would greatly appreciate it.
Thank you for your time and consideration. -Naitik