Server side ajax call is not working in Internet Explorer 10

nelson5817

I have a custom SharePoint client web part (ASP.NET MVC Web Application) and it is hosted as Azure Web App. The ajax call to MVC controller is not working in Internet Explorer 10 (please find the error on attachment), but it is working in Google Chrome and Firefox.

MVC View

var hostweburl = decodeURIComponent(getQueryStringParameter("SPHostUrl"))
  
$("#overviewTable").DataTable({
    "language": {
        "processing": "<img src='/Content/images/ajax-loader.gif'><div style='font-weight:bold' >Loading Please Wait...</div>"
    }, 
    "processing": true,
    "serverSide": true, 
    "filter": true, 
    "orderMulti": false, 
    "ajax": {
        "url": "/clientwebpart1/GetData?SPHostUrl=" + hostweburl, 
        "type": "POST",
        "datatype": "json"
    },
    "columns": [
            { "data": "Column1", "name": "Column1", "autoWidth": true },
            { "data": "Column2", "name": "Column2", "autoWidth": true }]
});

MVC Controller

[HttpPost]
[SharePointContextFilter]
public ActionResult GetData()
{
    var data = MapToObject();
    
    return Json(new { draw = "1", recordsFiltered = "30", recordsTotal = "30", data = data }, JsonRequestBehavior.AllowGet);
}

These are the references I have look into but without luck.

http://stackoverflow.com/questions/15418290/ajax-post-request-on-ie-fails-with-error-no-transport
https://www.webdavsystem.com/ajax/programming/cross_origin_requests

Please advice and thank you in advanced.