I have been implementing a cross-domain Ajax call in my project.
Here is the code snippet I used:
if (window.XDomainRequest) // Checking if XDR is supported by the browser.
{
xdr = new XDomainRequest(); // Creating a new XDR object.
if (xdr) {
xdr.timeout = 3000; // Setting timeout to 3 seconds.
xdr.onload = function () {
alert("Success");
};
xdr.onerror = function () {
alert("Error");
};
xdr.ontimeout = function () {
alert("Error");
};
xdr.open("post", urlSearch);
xdr.send();
}
}
else {
$.ajax({
url: urlSearch,
type: 'POST',
dataType: 'json',
timeout: 3000,
success: function (data) {
alert("Success");
},
error: function () {
alert("Error");
}
});
}
The code works well on most browsers, but in IE, it sometimes shows an error with "(aborted)" message.
To resolve this issue, I tried searching for solutions online but couldn't find any promising ones.
You can view the error message displaying "(aborted)" here.
Individual calls to specific URLs don't show the "(aborted)" message and display the Success alert instead. However, when making multiple calls (as shown in the image), the error occurs.
If you have any suggestions on overcoming this issue, please feel free to share them with me.
Thank you for your assistance.