Currently, I am attempting to incorporate another website's login verification system into my own site. Although the code below is successfully retrieving the correct response ID, I am encountering CORS errors preventing the completion of the login process. Enabling the CORS enabler extension in my browser allows the code to work smoothly, but disabling it results in the CORS error being triggered.
p.s I understand the concept of CORS and why the error occurs, but how can I overcome this issue by including headers?
$.ajax({
type: 'POST',
data: data,
url: 'http://xyz.in/xyz/login_check.php',
beforeSend: function(xhr) {
document.getElementById("error").innerHTML = "Checking data... ";
},
success: function(responseID) {
console.log(responseID);
if(responseID === 'S') {
window.location = 'main.php';
}
}
});
});